android 中怎样把图片在html中显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了android 中怎样把图片在html中显示相关的知识，希望对你有一定的参考价值。
tml页面（命名：Android.html放在assets文件夹下）：：：：：<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function get4Android(str)
document.getElementById("show").innerHTML="This is a message from android:"+str;
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
Text.java代码：：：
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.Editable;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class Text extends Activity implements OnClickListener
private Button button;
private TextView text;
private WebView web;
private EditText edit;
private Handler handler;
private void initView()
button = (Button) this.findViewById(R.id.button2);
web = (WebView) this.findViewById(R.id.webView1);
edit = (EditText) this.findViewById(R.id.editText1);
button.setOnClickListener(this);
private void setWebView()
web.setWebViewClient(new WebViewClient());
web.requestFocus();
WebSettings setting = web.getSettings();
setting.setJavaScriptEnabled(true);
web.setOnTouchListener(new OnTouchListener()
@Override
public boolean onTouch(View v, MotionEvent event)
web.requestFocus();
return false;
);
web.addJavascriptInterface(new SendAndroid(), "theKey");
web.loadUrl("file:///android_asset/android.html");
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
setWebView();
handler = new Handler()
public void handleMessage(android.os.Message msg)
String str = msg.obj.toString();
text.setText(str);
;
;
@Override
public void onClick(View v)
Editable editable = edit.getText();
web.loadUrl("javascript:get4Android(\\"" + editable.toString()
+ "\\")");
class SendAndroid
public void runOnAndroidJavaScript(final String str)
new Thread(new Runnable()
@Override
public void run()
System.out.println("******" + str);
Message mes = handler.obtainMessage();
mes.obj = str;
handler.sendMessage(mes);
).start();
主要是：web.loadUrl("javascript:get4Android(\\"" + editable.toString()+ "\\")");中的“javascript:get4Android”要和html中的【function get4Android(str)
document.getElementById("show").innerHTML="This is a message from android:"+str;
】方法名相同 参考技术A 在android开发中，通常使用xml格式来描述布局文件。就目前而言，熟悉android布局及美化的人员少之又少，出现了严重的断层。大部分企业，其实还是程序员自己动手布局。这样既浪费时间和精力，也未必能达到理想的效果。但是，在企业级的android开发中，使用html页面进行布局，也有很多的优势（例如：简单，大部分开发人员及美工都熟悉，方便统一进行更新，管理）。
复制代码 代码如下:
package com.dazhuo.ui;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONObject;
import com.dazhuo.domain.Person;
import com.dazhuo.service.PersonService;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebView;
public class MainActivity extends Activity
private PersonService service;
private WebView webview;
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
service =new PersonService();
webview = (WebView) this.findViewById(R.id.webView);//android内置浏览器对象
webview.getSettings().setJavaScriptEnabled(true);//启用javascript支持
//添加一个js交互接口，方便html布局文件中的javascript代码能与后台java代码直接交互访问
webview.addJavascriptInterface(new PersonPlugin() , "Person");//new类名，交互访问时使用的别名
// <body onload="javascript:Person.getPersonList()">
webview.loadUrl("file:///android_asset/index.html");//加载本地的html布局文件
//其实可以把这个html布局文件放在公网中，这样方便随时更新维护 例如 webview.loadUrl("www.xxxx.com/index.html");
//定义一个内部类，从java后台(可能是从网络，文件或者sqllite数据库) 获取List集合数据，并转换成json字符串，调用前台js代码
private final class PersonPlugin
public void getPersonList()
List<Person> list = service.getPersonList();//获得List数据集合
//将List泛型集合的数据转换为JSON数据格式
try
JSONArray arr =new JSONArray();
for(Person person :list)
JSONObject json =new JSONObject();
json.put("id", person.getId());
json.put("name", person.getName());
json.put("mobile",person.getMobile());
arr.put(json);
String JSONStr =arr.toString();//转换成json字符串
webview.loadUrl("javascript:show('"+ JSONStr +"')");//执行html布局文件中的javascript函数代码--
Log.i("MainActivity", JSONStr);
catch (Exception e)
// TODO: handle exception
//打电话的方法
public void call(String mobile)
Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:"+ mobile));
startActivity(intent);
参考技术B <a href="https://www.baidu.com/s?wd=tml&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4PHc4Pvn3PHbznjnLnhDL0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1DdnHDknW6snWcvnHm3PHcLPj0" target="_blank" class="baidu-highlight">tml</a>页面（命名：Android.h<a href="https://www.baidu.com/s?wd=tml&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4PHc4Pvn3PHbznjnLnhDL0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1DdnHDknW6snWcvnHm3PHcLPj0" target="_blank" class="baidu-highlight">tml</a>放在assets文件夹下）：：：：：
<head>
<meta http-equiv="Content-Type" content="text/h<a href="https://www.baidu.com/s?wd=tml&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4PHc4Pvn3PHbznjnLnhDL0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1DdnHDknW6snWcvnHm3PHcLPj0" target="_blank" class="baidu-highlight">tml</a>; charset=utf-8" />
<script language="javascript" type="text/javascript">
function get4Android(str)
document.getElementById("show").innerHTML="This is a message from android:"+str;
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
Text.java代码：：：
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.Editable;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class Text extends Activity implements OnClickListener
private Button button;
private TextView text;
private WebView web;
private EditText edit;
private Handler handler;
private void initView()
button = (Button) this.findViewById(R.id.button2);
web = (WebView) this.findViewById(R.id.webView1);
edit = (EditText) this.findViewById(R.id.editText1);
button.setOnClickListener(this);
private void setWebView()
web.setWebViewClient(new WebViewClient());
web.requestFocus();
WebSettings setting = web.getSettings();
setting.setJavaScriptEnabled(true);
web.setOnTouchListener(new OnTouchListener()
@Override
public boolean onTouch(View v, MotionEvent event)
web.requestFocus();
return false;
);
web.addJavascriptInterface(new SendAndroid(), "theKey");
web.loadUrl("file:///android_asset/android.html");
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
setWebView();
handler = new Handler()
public void handleMessage(android.os.Message msg)
String str = msg.obj.toString();
text.setText(str);
;
;
@Override
public void onClick(View v)
Editable editable = edit.getText();
web.loadUrl("javascript:get4Android(\"" + editable.toString()
+ "\")");
class SendAndroid
public void runOnAndroidJavaScript(final String str)
new Thread(new Runnable()
@Override
public void run()
System.out.println("******" + str);
Message mes = handler.obtainMessage();
mes.obj = str;
handler.sendMessage(mes);
).start();
主要是：web.loadUrl("javascript:get4Android(\"" + editable.toString()+ "\")");中的“javascript:get4Android”要和html中的【function get4Android(str)
document.getElementById("show").innerHTML="This is a message from android:"+str;
】方法名相同
在ASP中怎样获取某表内容中所有图片？
表中是html代码，图片在代码中，
请高手说清楚点。万分感谢。
如何获取一个字段中的图片地址,
字段中的内容是html编辑器编辑的，
我想在首页显示一些不图片，就搜索某些有图片的文章，在前台滚动显示。
图片有的是上传得有的是超链接。
我是菜菜，请朋友们帮忙。
<%
'如何过滤图片的函数 function find_img(strtemp)
'测试时间 2006-7-7 下午(没有风扇的情况下-_-!!通过测试)
strtemp="ssss<img alt=""sss"" src=""http://www.test.com/test.jpg"" /><img alt=""sss"" src=""http://www.test.com/test.png"" /><img alt=""sss"" src=""http://www.test.com/test.bmp"" /><img alt=""sss"" src=""http://www.test.com/test.gif"" />ddddddddddssss<img src=""http://www.test.com/test2.gif"" alt=""sss"" />dddddddddd"
find_img(strtemp)
function find_img(strtemp)
dim arrtemp
dim i,url_gif,num_gif,url_jpg,num_jpg,url_png,num_png,url_other,num_other
arrtemp=split(strtemp,"<img")
if Ubound(arrtemp)<=0 then response.Write "没有检测到图片标识" : exit function
response.Write "一共检测到图片标识数量:"&Ubound(arrtemp)&"<br>"
for i=1 to Ubound(arrtemp)
temp=cutstr(cutstr(cutstr(arrtemp(i),"right"," />"),"left","src="""),"right","""")
ext=Ucase(right(temp,4))
select case ext
case ".GIF"
url_gif = url_gif&"|"&temp
num_gif = num_gif + 1
case ".JPG"
url_jpg = url_jpg&"|"&temp
num_jpg = num_jpg + 1
case ".PNG"
url_png = url_png&"|"&temp
num_png = num_png + 1
case else
url_other = url_other&"|"&temp
num_other = num_other + 1
end select
next
response.Write "<font color=green>返回统计:</font><br>"
response.Write "<hr><font color=blue>1)过滤GIF格式图片共"&num_gif&"张</font><br>"&replace(url_gif,"|","<br>")
response.Write "<hr><font color=blue>2)过滤JPG格式图片共"&num_jpg&"张</font><br>"&replace(url_jpg,"|","<br>")
response.Write "<hr><font color=blue>3)过滤PNG格式图片共"&num_png&"张</font><br>"&replace(url_png,"|","<br>")
response.Write "<hr><font color=blue>4)其他格式图片(BMP格式等)共"&num_other&"张</font><br>"&replace(url_other,"|","<br>")
end function
function cutstr(temp,direct,str)
if direct="right" then '剪去标识符右边的内容(包括标识符)
cutstr = left(temp,instr(temp,str)-1)
else '剪去标识符左边的内容(包括标识符)
cutstr = right(temp,len(temp)-instr(temp,str)-len(str)+1)
end if
end function
%> 参考技术A ?????????? 还是不懂！
说都说不清楚！ 参考技术B 那么麻烦，又是上传又是链接，要是上传的就好办了。用循环就可以输出了 ，我都是这样用滴。不过加外界链接就没有用过 参考技术C 麻烦！索性建立个表吧图片都放进去！然后读取还快点！
以上是关于android 中怎样把图片在html中显示的主要内容，如果未能解决你的问题，请参考以下文章