189 8069 5689

Android中如何利用WebView上传文件-创新互联

今天小编给大家分享一下Android中如何利用WebView上传文件的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

公司主营业务:成都网站制作、网站建设、外贸网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出武平免费做网站回馈大家。

1.接收WebView打开文件选择器的通知


2.收到通知后,打开文件选择器等待用户选择需要上传的文件


3.在onActivityResult中得到用户选择的文件的Uri


4.然后把Uri传递给Html5


这样就完成了一次H5选择文件的过程,下面我把代码贴出来自习看一下


首先,WebView必须要支持JS交互,所以要打开JS交互

mWebView.getSettings().setJavaScriptEnabled(true);

当H5在调用上传文件的Api的时候,WebView会回调 openFileChooser和onShowFileChooser 方法来通知我们,我们这个时候要做的就是重写这个方法


需要注意的是这个方法在不同的Api上会回调不同行参方法


mWebView.setWebChromeClient(new WebChromeClient() {


   @Override
   public void onProgressChanged(WebView view, int newProgress) {
    if (newProgress == 100) {
     mBar.setVisibility(View.GONE);
    } else {
     mBar.setVisibility(View.VISIBLE);
     mBar.setProgress(newProgress);
    }
    super.onProgressChanged(view, newProgress);
   }

   //For Android API < 11 (3.0 OS)
   public void openFileChooser(ValueCallback valueCallback) {
    uploadMessage = valueCallback;
    openImageChooserActivity();
   }

   //For Android API >= 11 (3.0 OS)
   public void openFileChooser(ValueCallback valueCallback, String acceptType, String capture) {
    uploadMessage = valueCallback;
    openImageChooserActivity();
   }

   //For Android API >= 21 (5.0 OS)
   @Override
   public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
    uploadMessageAboveL = filePathCallback;
    openImageChooserActivity();
    return true;
   }

  });

我们在openFileChooser方法中先保存了一下ValueCallback的回调对象,这个对象最后用来通知H5文件地址,我们之后在调用openFileChooser方法来打开文件选择器


private void openImageChooserActivity() {
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
  i.addCategory(Intent.CATEGORY_OPENABLE);
  i.setType("image/*");
  startActivityForResult(Intent.createChooser(i, "Image Chooser"), FILE_CHOOSER_RESULT_CODE);
 }

当用户选择完文件后,会调用onActivityResult方法,我们重写并等待回调


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

 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 private void onActivityResultAboveL(int requestCode, int resultCode, Intent intent) {
  if (requestCode != FILE_CHOOSER_RESULT_CODE || uploadMessageAboveL == null)
   return;
  Uri[] results = null;
  if (resultCode == Activity.RESULT_OK) {
   if (intent != null) {
    String dataString = intent.getDataString();
    ClipData clipData = intent.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();
     }
    }
    if (dataString != null)
     results = new Uri[]{Uri.parse(dataString)};
   }
  }
  uploadMessageAboveL.onReceiveValue(results);
  uploadMessageAboveL = null;
 }

以上就是“Android中如何利用WebView上传文件”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


网站名称:Android中如何利用WebView上传文件-创新互联
本文地址:http://cdxtjz.cn/article/diijji.html

其他资讯