专栏首页恩蓝脚本Android WebView调用本地相册的方法

Android WebView调用本地相册的方法

本文实例为大家分享了Android WebView调用本地相册的具体实现方法,供大家参考,具体内容如下

首先要知道android本身的WebView是并不支持调用手机文件并上传的,其次WebView的内核在android每次更新的时候都是不太一样的,也是够坑爹的;不过需求又不能改,H5需要调用系统相册,还好最后还是找到方法解决了,就是要重写里面的一个方法,不过这种情况也是在5.0之前有效,5.0之后就需要重写另外的一个方法,先将这些方法一个个的列出 注意在这里我们需要重写的方法是在这个WebChromeClient类里面的;

private ValueCallback<Uri  mUploadMessage;
private ValueCallback<Uri[]  mUploadCallbackAboveL;
private final static int FILECHOOSER_RESULTCODE = 101;

当我们是5.0以下的话,用的是以下三个方法:

public void openFileChooser(ValueCallback<Uri  uploadMsg) {
  Log.d(TAG, "openFileChoose(ValueCallback<Uri  uploadMsg)");
  mUploadMessage = uploadMsg;
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
  i.addCategory(Intent.CATEGORY_OPENABLE);
  i.setType("image/*");
  Html5Activity.this.startActivityForResult(Intent.createChooser(i, "File Chooser"),
      FILECHOOSER_RESULTCODE);
}
public void openFileChooser(ValueCallback uploadMsg, String acceptType) {
  Log.d(TAG, "openFileChoose( ValueCallback uploadMsg, String acceptType )");
  mUploadMessage = uploadMsg;
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
  i.addCategory(Intent.CATEGORY_OPENABLE);
  i.setType("image/*");
  Html5Activity.this.startActivityForResult(
      Intent.createChooser(i, "File Browser"),
      FILECHOOSER_RESULTCODE);
}
public void openFileChooser(ValueCallback<Uri  uploadMsg, String acceptType, String capture) {
  Log.d(TAG, "openFileChoose(ValueCallback<Uri  uploadMsg, String acceptType, String capture)");
  mUploadMessage = uploadMsg;
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
  i.addCategory(Intent.CATEGORY_OPENABLE);
  i.setType("image/*");
  Html5Activity.this.startActivityForResult(Intent.createChooser(i, "File Browser"),
      FILECHOOSER_RESULTCODE);
}

值得注意的是这三种方法都是一样的,只是在不同版本下会分别调用,还有就是这个方法是重写这个WebChromeClient类里面的,别以为是我们随便写的,只是google不希望我们重写这个方法罢了,不过5.0之后就又不一样了,需要重写的是下面的这个方法:

@Override
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]  filePathCallback, FileChooserParams fileChooserParams) {
  mUploadCallbackAboveL = filePathCallback;
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
  i.addCategory(Intent.CATEGORY_OPENABLE);
  i.setType("image/*");
  Html5Activity.this.startActivityForResult(
      Intent.createChooser(i, "File Browser"),
      FILECHOOSER_RESULTCODE);
  return true;
}

好了,到了这一步我们的调用已经ok了,但还有一个需要的过程;跟我们普通的回调接收是一模一样的:

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  super.onActivityResult(requestCode, resultCode, data);
  if (requestCode == FILECHOOSER_RESULTCODE) {
    if (null == mUploadMessage && null == mUploadCallbackAboveL) return;
    Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
    if (mUploadCallbackAboveL != null) {
      onActivityResultAboveL(requestCode, resultCode, data);
    } else if (mUploadMessage != null) {
      mUploadMessage.onReceiveValue(result);
      mUploadMessage = null;
    }
  }
}

当然还有一个是让我们在5.0的情况下用的:

private void onActivityResultAboveL(int requestCode, int resultCode, Intent data) {
  if (requestCode != FILECHOOSER_RESULTCODE
      || mUploadCallbackAboveL == null) {
    return;
  }
  Uri[] results = null;
  if (resultCode == Activity.RESULT_OK) {
    if (data == null) {
    } else {
      String dataString = data.getDataString();
      ClipData clipData = data.getClipData();
      if (clipData != null) {
        results = new Uri[clipData.getItemCount()];
        for (int i = 0; i < clipData.getItemCount(); i++) {
          ClipData.Item item = clipData.getItemAt(i);
          results[i] = item.getUri();
          Log.e(TAG, "onActivityResultAboveL: " + results[i].getPath());
        }
      }
      if (dataString != null)
        results = new Uri[]{Uri.parse(dataString)};
      Log.e(TAG, "onActivityResultAboveL: " + results.length);
    }
  }
  mUploadCallbackAboveL.onReceiveValue(results);
  mUploadCallbackAboveL = null;
  return;
}

到这一步H5基本就可以正常的调用手机的相册了。

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 浅谈关于Android WebView上传文件的解决方案

    我们在开发需求的时候,难免会接入一下第三方的H5页面,有些H5页面是具有上传照片的功能,Android 中的 WebView是不能直接打开文件选择弹框的

    砸漏
  • Android用webView包装WebAPP方法

    前一阵子,老板要将 WebAPP 放到 Android 和 iOS 里面,而我因为以前做过安卓,所以这方面就由我来打包,原理是很简单的,就是打开 APP 的时候...

    砸漏
  • android中Context深入详解

    以下分别通过Context认知角度,继承关系,对象创建等方面android中Context做了深入的解释,一起学习下。

    砸漏
  • AS3外部类

           1,可以当做本文件内部类的数据Model,好找.而且看起来更加直观

    py3study
  • 跨端移动应用开发解决方案 | ARES小程序转换工具1.0 正式发布

    ARES是商城技术与数据中台推出的跨端移动应用开发解决方案,包括五大产品板块:ARES Engines、ARES Websits、ARES Studio、ARE...

    京东技术
  • kubernetes service 原理解析

    在 kubernetes 中,当创建带有多个副本的 deployment 时,kubernetes 会创建出多个 pod,此时即一个服务后端有多个容器,那么在...

    田飞雨
  • 斯诺登教授(Dave Snowden)帮助企业进行决策的“栖息地”(Cynefin)框架 v0.1

    译自斯诺登教授(Dave Snowden)2018年11月30日在领域驱动设计中国峰会2018的“栖息地”(Cynefin)框架培训材料。

    吾真本
  • kubernetes service 原理解析

    在 kubernetes 中,当创建带有多个副本的 deployment 时,kubernetes 会创建出多个 pod,此时即一个服务后端有多个容器,那么在...

    田飞雨
  • 【分布式事务】基于RocketMQ搭建生产级消息集群?

    目前很多互联网公司的系统都在朝着微服务化、分布式化系统的方向在演进,这带来了很多好处,也带来了一些棘手的问题,其中最棘手的莫过于数据一致性问题了。早期我们的软件...

    用户5927304
  • React 16 Roadmap

    其中,Concurrent Mode(之前叫Async Rendering)无疑是最值得期待的东西,或将引领变革(合作式调度机制可能泛化成为浏览器能力)

    ayqy贾杰

扫码关注云+社区

领取腾讯云代金券