700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > android webview使用html5input id=input type=file/ 上传相册 拍照照片

android webview使用html5input id=input type=file/ 上传相册 拍照照片

时间:2021-01-04 12:04:53

相关推荐

android webview使用html5input id=input type=file/ 上传相册 拍照照片

本人编程新手,这次做的功能是android webview 嵌入HTML5的页面,页面中有一个<input id="input" type="file"/>标签,iOS直接就支持,但android中不支持,网上的帖子说是因为android屏蔽了文件上传功能还是怎么的,没看明白,但是重写WebViewClient,WebChromeClient这两个方法就能实现。上代码:

第一步:重写WebChromeClient方法,网上帖子说android将这个方法隐藏了我也不知道是不是这么个说法,总之我参考过其他帖子后是这么写的,三星not2测试运行也成功。

public class MyWebChromeClient extends WebChromeClient {// For Android 3.0+public void openFileChooser(ValueCallback<Uri> uploadMsg) {mUploadMessage = uploadMsg;ANDROID = 1;selectImage();}// For Android 3.0+public void openFileChooser(ValueCallback uploadMsg, String acceptType) {mUploadMessage = uploadMsg;ANDROID = 2;selectImage();}// For Android 4.1public void openFileChooser(ValueCallback<Uri> uploadMsg,String acceptType, String capture) {mUploadMessage = uploadMsg;ANDROID = 3;selectImage();}}

解释一下,ANDROID是我定义的一个标识,因为我看这三个版本的方法还是有点区别的,当然有可能我的这个标识是画蛇添足,selectImage();是我自定义的一个函数用来选择从相册照片还是直接拍照的照片。

第二步:重写WebViewClient,这个我就不多说了 网上的帖子多的是,最关键的是我也不知道是干啥的,反正现在网上的所有帖子基本都是复制粘贴几个版本的,而这些版本的这个方法都没有改变。

public class MyWebViewClient extends WebViewClient {@Overridepublic void onPageStarted(WebView view, String url, Bitmap favicon) {super.onPageStarted(view, url, favicon);}@Overridepublic void onPageFinished(WebView view, String url) {super.onPageFinished(view, url);}}

第三步:onActivityResult方法。

<p>@Override</p>protected void onActivityResult(int requestCode, int resultCode,Intent intent) {Uri result = null;if (requestCode == REQUEST_CODE_PICK_IMAGE) {//拍照if (intent != null && resultCode == RESULT_OK) {result = intent.getData();} else {result = null;}} else if (requestCode == FILECHOOSER_RESULTCODE) {// 相册if (null == mUploadMessage)return;result = intent == null || resultCode != RESULT_OK ? null : intent.getData();}mUploadMessage.onReceiveValue(result);mUploadMessage = null;}

注解:REQUEST_CODE_PICK_IMAGE,FILECHOOSER_RESULTCODE这两个标识是区别拍照/相册,按照我的理解是startActivityForResult这个传回intent和一个标识给onActivityResult;然后intent.getData获取照片,我打印出来result是content://media/external/images/media/16825类似这种东西,注意的是那几个null的判断和return的位置,如果不对的话前者不对只能点击一次选择照片取消后点击无效,后者不对选择完照片页面不显示选后的照片。

第四步:selectImage()定义的弹出选择界面 拍照/相册

<span style="font-size:18px;"></span><pre name="code" class="java">protected final void selectImage() {boolean flag = Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED);if (!flag) {Toast.makeText(this, "请插入手机存储卡再使用本功能", Toast.LENGTH_SHORT).show();} else {AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);alertDialog.setOnCancelListener(new ReOnCancelListener());alertDialog.setTitle(R.string.options);alertDialog.setItems(R.array.options,new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {if (which == 0) {chosePic();} else {openCarcme();}}});alertDialog.show();}}

<pre name="code" class="java">private class ReOnCancelListener implementsDialogInterface.OnCancelListener {@Overridepublic void onCancel(DialogInterface dialogInterface) {if (mUploadMessage != null) {mUploadMessage.onReceiveValue(null);mUploadMessage = null;}}}

注解:使用前需要先判断手机是否插入内存卡,chosePic();openCarcme();是打开相册和拍照的函数,</span><span style="font-family: Arial, Helvetica, sans-serif;">ReOnCancelListener是防止取消后无反应,原理貌似是如果没有选择照片取消的话</span><span style="font-family: Arial, Helvetica, sans-serif;">mUploadMessage没有取到值得话会一直等待,所以当选择界面结束后如无值就赋给它null。总结:还有选择照片的我就不沾了,一会把源码传上去大家自己下吧,我这也是网上参考的再加上自己的一些研究总算弄明白了,由于网上参考的例子实在太多了 我也忘了都是谁的贴子了,反正谢谢大家把。网上的版本我基本都下载了试了试,我这个事例仅仅是webview适应h5的<input id="input" type="file"/>标签实现上传照片的功能,网上的说的也不清 什么都有,有功能强大可以往服务器上传文件的,还有使用第三方插件上传的等等吧。而且都是几个版本跟我的类似(我也是参考他们的)不过都是不完整的各种问题,我这个目前我的测试机三星not2是可用的不管是取消再次点击还是什么都是好使的。对于新手(我就是新手):源码中AndroidManifest.xml有几个权限需要注意,在strings.xml,arrays.xml有配置。程序中也可能还有其他漏洞,也请各位多给我指出 好完善完善。(ps:这玩意怎么加下载的连接。汗......)

下载源码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。