[转]Android使用WebView从相册/拍照中添加图片
原地址:http://blog.csdn.net/djcken/article/details/46379929
解决这个问题花了很长时间搜索了解,网上大部分使用openFileChooser但都没解决一个存在的问题。就是当弹出选择图片/相机框之后,取消选择,就再也不能点击选择按钮了。这篇文章是为了记录这一点,为验证整个流程部署了后端,但是由于很久没接触后端,后端代码是网上的列子,所以后端代码和部署就不说了。单纯的说下Android端的解决方案。
自定义两个文件:
- /**
- * 自定义
- *
- * @Author KenChung
- */
- public class ReWebViewClient extends WebViewClient {
- @Override
- public void onPageStarted(WebView view, String url, Bitmap favicon) {
- super.onPageStarted(view, url, favicon);
- }
- @Override
- public void onPageFinished(WebView view, String url) {
- super.onPageFinished(view, url);
- }
- }
- /**
- * ReWebChomeClient
- *
- * @Author KenChung
- */
- public class ReWebChomeClient extends WebChromeClient {
- private OpenFileChooserCallBack mOpenFileChooserCallBack;
- public ReWebChomeClient(OpenFileChooserCallBack openFileChooserCallBack) {
- mOpenFileChooserCallBack = openFileChooserCallBack;
- }
- //For Android 3.0+
- public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
- mOpenFileChooserCallBack.openFileChooserCallBack(uploadMsg, acceptType);
- }
- // For Android < 3.0
- public void openFileChooser(ValueCallback<Uri> uploadMsg) {
- openFileChooser(uploadMsg, "");
- }
- // For Android > 4.1.1
- public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
- openFileChooser(uploadMsg, acceptType);
- }
- public interface OpenFileChooserCallBack {
- void openFileChooserCallBack(ValueCallback<Uri> uploadMsg, String acceptType);
- }
- }
选择图片弹框使用AlertDialog:
- public void showOptions() {
- AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);
- alertDialog.setOnCancelListener(new ReOnCancelListener());
- alertDialog.setTitle(R.string.options);
- alertDialog.setItems(R.array.options, new DialogInterface.OnClickListener() {
- @Override
- public void onClick(DialogInterface dialog, int which) {
- if (which == 0) {
- mSourceIntent = ImageUtil.choosePicture();
- startActivityForResult(mSourceIntent, REQUEST_CODE_PICK_IMAGE);
- } else {
- mSourceIntent = ImageUtil.takeBigPicture();
- startActivityForResult(mSourceIntent, REQUEST_CODE_IMAGE_CAPTURE);
- }
- }
- }
- );
- alertDialog.show();
- }
关键代码:(这里的意思是取消弹框之后要告诉WebView不要再等待返回结果,设置为空就等于重置了状态)
- private class ReOnCancelListener implements DialogInterface.OnCancelListener {
- @Override
- public void onCancel(DialogInterface dialogInterface) {
- if (mUploadMsg != null) {
- mUploadMsg.onReceiveValue(null);
- mUploadMsg = null;
- }
- }
- }
完整MainActivity:
- /**
- * WebViewUpload
- *
- * @Author KenChung
- */
- public class MyActivity extends Activity implements ReWebChomeClient.OpenFileChooserCallBack {
- private static final String TAG = "MyActivity";
- private static final int REQUEST_CODE_PICK_IMAGE = 0;
- private static final int REQUEST_CODE_IMAGE_CAPTURE = 1;
- private WebView mWebView;
- private Intent mSourceIntent;
- private ValueCallback<Uri> mUploadMsg;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- mWebView = (WebView) findViewById(R.id.webview);
- mWebView.setWebChromeClient(new ReWebChomeClient(this));
- mWebView.setWebViewClient(new ReWebViewClient());
- fixDirPath();
- //这里加载自己部署的(也可加载本地资源)
- mWebView.loadUrl("file:///android_asset/input.html");
- }
- @Override
- public void onActivityResult(int requestCode, int resultCode, Intent data) {
- if (resultCode != Activity.RESULT_OK) {
- return;
- }
- switch (requestCode) {
- case REQUEST_CODE_IMAGE_CAPTURE:
- case REQUEST_CODE_PICK_IMAGE: {
- try {
- if (mUploadMsg == null) {
- return;
- }
- String sourcePath = ImageUtil.retrievePath(this, mSourceIntent, data);
- if (TextUtils.isEmpty(sourcePath) || !new File(sourcePath).exists()) {
- Log.w(TAG, "sourcePath empty or not exists.");
- break;
- }
- Uri uri = Uri.fromFile(new File(sourcePath));
- mUploadMsg.onReceiveValue(uri);
- } catch (Exception e) {
- e.printStackTrace();
- }
- break;
- }
- }
- }
- @Override
- public void openFileChooserCallBack(ValueCallback<Uri> uploadMsg, String acceptType) {
- mUploadMsg = uploadMsg;
- showOptions();
- }
- public void showOptions() {
- AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);
- alertDialog.setOnCancelListener(new ReOnCancelListener());
- alertDialog.setTitle(R.string.options);
- alertDialog.setItems(R.array.options, new DialogInterface.OnClickListener() {
- @Override
- public void onClick(DialogInterface dialog, int which) {
- if (which == 0) {
- mSourceIntent = ImageUtil.choosePicture();
- startActivityForResult(mSourceIntent, REQUEST_CODE_PICK_IMAGE);
- } else {
- mSourceIntent = ImageUtil.takeBigPicture();
- startActivityForResult(mSourceIntent, REQUEST_CODE_IMAGE_CAPTURE);
- }
- }
- }
- );
- alertDialog.show();
- }
- private void fixDirPath() {
- String path = ImageUtil.getDirPath();
- File file = new File(path);
- if (!file.exists()) {
- file.mkdirs();
- }
- }
- private class ReOnCancelListener implements DialogInterface.OnCancelListener {
- @Override
- public void onCancel(DialogInterface dialogInterface) {
- if (mUploadMsg != null) {
- mUploadMsg.onReceiveValue(null);
- mUploadMsg = null;
- }
- }
- }
- }
有些哥们反馈没有附上html无法测试,放上html到本地即可:input.html
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="user-scalable=no">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- </head>
- <body>
- <input id="input" type="file"/>
- </body>
- </html>
源码没有附上本地html,需自行创建。源码下载地址:CSDN下载
[转]Android使用WebView从相册/拍照中添加图片的更多相关文章
- 在RichTextBox控件中添加图片和文字
public void SetText(RichTextBox rtb) { rtb.Text = "在RichTextBox控件中添加图片和文字" + Environment.N ...
- ArcMap图层属性表中添加图片
一看标题是不是有点懵?懵就对了!刚接触到的时候我也有点懵,属性表不是都是文本啊数字啊之类的格式,怎么还可以存图片,下面就带大家来看看吧! 一.关于图层入库问题 图层进入数据库和图层以shp格式存储时, ...
- 关于在Silverlight中添加图片的问题
在Silverlight中添加图片,目前支持的Image格式有jpg和png两种,如何在目录中添加,有些什么技巧呢? <StackPanel Background="White&quo ...
- 如何在github的README.md中添加图片
如何在github的README.md中添加图片 总结: 链接引用:![Image text](图片的链接地址) 简介: 1.在github上的仓库建立一个存放图片的文件夹,文件夹名字随意.如:img ...
- ag-grid 表格中添加图片
ag-grid是一种非常好用的表格,网上搜索会有各种各样的基本用法,不过对于在ag-grid 表格中添加图片我没有找到方法,看了官方的文档,当然英文的自己也是靠网页翻译,最后发现有这么一个例子,我知道 ...
- iview+vue 表格中添加图片
开门见山,话不多说,要在表格中添加图片,可以使用td: <table " width="100%"> <tr class="tr-style ...
- 如何兼容所有Android版本选择照片或拍照然后裁剪图片--基于FileProvider和动态权限的实现
我们知道, Android操作系统一直在进化. 虽然说系统是越来越安全, 可靠, 但是对于开发者而言, 开发难度是越来越大的, 需要注意的兼容性问题, 也越来越多. 就比如在Android平台上拍照或 ...
- [Android]ListView的Adapter.getView()方法中延迟加载图片的优化
以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4139998.html 举个例子吧,以好友列表为例 ListVi ...
- Android 解决调用系统相册打不开图片 DecodeServices报解码错误
这是由于系统相册不知道你图片目录是一个相册.打开前需要向系统相册“注册一下”,说白了就是让系统相册知道你这个图片所在的文件夹是个相册. private static void scanImageFil ...
随机推荐
- BP神经网络
秋招刚结束,这俩月没事就学习下斯坦福大学公开课,想学习一下深度学习(这年头不会DL,都不敢说自己懂机器学习),目前学到了神经网络部分,学习起来有点吃力,把之前学的BP(back-progagation ...
- python 自学 1 day
#!/usr/bin/env python #coding = utf-8 age_of_oldby = 56 user = "fyt" word = "fyt" ...
- ubuntu随笔
在命令行里输入 sudo nautilus 之后输入你的用户的密码,会弹出一个目录窗口来,可以复制到这来
- Notes of 大数据智能
资料 刘知远 等. 大数据智能:互联网时代的机器学习和自然语言处理技术. 北京:电子工业出版社. 2016. 1 深度学习--机器大脑的结构 深度学习(Deep Learning)的两个方面: 神经网 ...
- 关于MVC中Start.cs文件的作用
当我们建立默认的 .NET Framework4.5.2框架下的Web MVC 应用程序后,调试过程中我发现在程序启动页面加载完成会执行一段代码,这段代码让人有点摸不着头脑,因为之前完全没见过,调试 ...
- AJAX跨域
AJAX跨域AJAX不允许跨域访问. 跨域是指浏览器B显示的是服务器S1的数据,全是从S1取得的数据则是同域:但如果B显示的S1上的数据的某个比如img是从S2上取得的数据,则是跨域.端口不一样也是跨 ...
- 在apache中设置访问目录后进入的默认页面为index.php
找到apache的配置文件httpd.conf后找到 DirectoryIndex index.html index.php 在其中添加index.php,
- xmlstreaml xml过滤 格式化 报文的发送接收 struct2
有时候把东西想的过于复杂了,还是思路不清晰啊. seervlet struct2配置过程
- 如何让Notepad++添加Python运行方式.精讲
原文来自金石开的文章,欲知详情请点击他昵称. 名为cncyber的博友,在此感谢他. 全部省略.正确命令是在原文的回复里,在此复制贴上: cmd /k cd /d "$(CURRENT_DI ...
- KNN近邻算法
K近邻(KNN,k-NearestNeighbor)分类算法是数据挖掘分类技术中最简单的方法之一.所谓K最近邻,就是k个最近的邻居的意思,说的是每个样本都可以用它最接近的k个邻居来代表.kNN算法的核 ...