Android WebView 支持 文件上传(Html File Upload)

背景:有个html页面,用html里面自带的<input type =file/>上传文件(图片,word,Excel等)浏览器直接打开可以上传,套壳在Android app里面,点击文件上传没反应,修改Android代码,可以实现相应功能,亲测有效。

1、在oncreate 方法上面 加入以下代码:
1     private static final int REQUEST_STORAGE = 1;
2     private static final int REQUEST_LOCATION = 2;
3     public ValueCallback<Uri> mUploadMessage;
4     public static final int FILECHOOSER_RESULTCODE = 5173;

2、添加以下方法:

 1  webView.setWebChromeClient(new WebChromeClient() {
 2
 3   // For Android 3.0+
 4             public void openFileChooser(ValueCallback<Uri> uploadMsg) {
 5
 6                 mUploadMessage = uploadMsg;
 7                 Intent i = new Intent(Intent.ACTION_GET_CONTENT);
 8                 i.addCategory(Intent.CATEGORY_OPENABLE);
 9                 i.setType("image/*");
10                 MainActivity.this.startActivityForResult(Intent.createChooser(i,"File Chooser"), FILECHOOSER_RESULTCODE);
11
12             }
13
14             // For Android 3.0+
15             public void openFileChooser( ValueCallback uploadMsg, String acceptType ) {
16                 mUploadMessage = uploadMsg;
17                 Intent i = new Intent(Intent.ACTION_GET_CONTENT);
18                 i.addCategory(Intent.CATEGORY_OPENABLE);
19                 i.setType("*/*");
20                 MainActivity.this.startActivityForResult(
21                         Intent.createChooser(i, "File Browser"),
22                         FILECHOOSER_RESULTCODE);
23             }
24
25             //For Android 4.1
26             public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture){
27                 mUploadMessage = uploadMsg;
28                 Intent i = new Intent(Intent.ACTION_GET_CONTENT);
29                 i.addCategory(Intent.CATEGORY_OPENABLE);
30                 i.setType("image/*");
31                 MainActivity.this.startActivityForResult( Intent.createChooser( i, "File Chooser" ), MainActivity.FILECHOOSER_RESULTCODE );
32             }
33
34             public boolean onShowFileChooser(
35                     WebView webView, ValueCallback<Uri[]> filePathCallback,
36                     FileChooserParams fileChooserParams) {
37                 if (mUMA != null) {
38                     mUMA.onReceiveValue(null);
39                 }
40                 mUMA = filePathCallback;
41                 Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
42                 if (takePictureIntent.resolveActivity(MainActivity .this.getPackageManager()) != null) {
43                     File photoFile = null;
44                     try {
45                         photoFile = createImageFile();
46                         takePictureIntent.putExtra("PhotoPath", mCM);
47                     } catch (IOException ex) {
48                         //Log.e(TAG, "Image file creation failed", ex);
49                     }
50                     if (photoFile != null) {
51                         mCM = "file:" + photoFile.getAbsolutePath();
52                         takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(photoFile));
53                     } else {
54                         takePictureIntent = null;
55                     }
56                 }
57
58                 Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT);
59                 contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
60                 contentSelectionIntent.setType("*/*");
61                 Intent[] intentArray;
62                 if (takePictureIntent != null) {
63                     intentArray = new Intent[]{takePictureIntent};
64                 } else {
65                     intentArray = new Intent[0];
66                 }
67                 Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER);
68                 chooserIntent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);
69                 chooserIntent.putExtra(Intent.EXTRA_TITLE, "Image Chooser");
70                 chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, intentArray);
71                 startActivityForResult(chooserIntent, FCR);
72                 return true;
73             }
74         });

3、添加方法:

1   // Create an image file
2     private File createImageFile() throws IOException {
3         @SuppressLint("SimpleDateFormat") String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss").format(new java.util.Date());
4         String imageFileName = "img_" + timeStamp + "_";
5         File storageDir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES);
6         return File.createTempFile(imageFileName, ".jpg", storageDir);
7     }

4、onActivityResult

 1  @Override
 2     protected void onActivityResult(int requestCode, int resultCode, Intent data) {
 3         // TODO Auto-generated method stub
 4         super.onActivityResult(requestCode, resultCode, data);
 5
 6 if(requestCode==FILECHOOSER_RESULTCODE) {
 7             if (null == mUploadMessage) return;
 8             Uri result = data == null || resultCode != RESULT_OK ? null
 9                     : data.getData();
10             mUploadMessage.onReceiveValue(result);
11             mUploadMessage = null;
12         }
13
14         if (Build.VERSION.SDK_INT >= 21) {
15             Uri[] results = null;
16 //Check if response is positive
17             if (resultCode == Activity.RESULT_OK) {
18                 if (requestCode == FCR) {
19                     if (null == mUMA) {
20                         return;
21                     }
22                     if (data == null) {
23 //Capture Photo if no image available
24                         if (mCM != null) {
25                             results = new Uri[]{Uri.parse(mCM)};
26                         }
27                     } else {
28                         String dataString = data.getDataString();
29                         if (dataString != null) {
30                             results = new Uri[]{Uri.parse(dataString)};
31                         }
32                     }
33                     mUMA.onReceiveValue(results);
34                     mUMA = null;
35                 }
36             }
37         } else {
38             if (requestCode == FCR) {
39                 if (null == mUM) return;
40                 Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
41                 mUM.onReceiveValue(result);
42                 mUM = null;
43             }
44         }
45 }

参考:https://www.zidsworld.com/android-development/make-android-webview-support-file-upload/

代码下载

原文地址:https://www.cnblogs.com/worksmart/p/11646080.html

时间: 2024-08-06 21:54:31

Android WebView 支持 文件上传(Html File Upload)的相关文章

DVWA 黑客攻防实战(五)文件上传漏洞 File Upload

说起文件上传漏洞 ,可谓是印象深刻.有次公司的网站突然访问不到了,同事去服务器看了一下.所有 webroot 文件夹下的所有文件都被重命名成其他文件,比如 jsp 文件变成 jsp.s ,以致于路径映射不到 jsp 文件,同事怀疑是攻击者上传了个 webshell 文件然后进行批量重命名了. 把后台的代码都找了一遍,后台代码也都有验证文件扩展名的,后面是发现一张普通的照片其实是代码来的,但也不知道为何能够执行.但看完这篇文章你就会明白了. 下面用 dvwa 来演示如何攻击和防御. 低级 用户界面

基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用

Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify 好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件File Input的使用.关于Uploadify的控件介绍,可以参考我之前的随笔介绍<基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用>. 1.文件上传插件File In

jQuery文件上传插件jQuery Upload File 有上传进度条

jQuery文件上传插件jQuery Upload File 有上传进度条 2015年05月15日 jQuery文件上传插件jQuery Upload File,插件使用简单,支持单文件和多文件上传,支持文件拖拽上传,有进度条显示.标准HTML form文件上传,也就是说,只要服务端支持接收multipart/form-data格式数据就能使用此上传插件. 本站web端文件文件提交即使用此插件,效果如下: 浏览器支持 浏览器支持:IE 8.0,IE 9.0,IE 10.0,Firefox,Saf

Bootstrap文件上传插件File Input的使用

1.文件上传插件File Input介绍 这个插件主页地址是:http://plugins.krajee.com/file-input,可以从这里看到很多Demo的代码展示:http://plugins.krajee.com/file-basic-usage-demo. 这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x 的扩展,实现文件上传预览,多文件上传等功能. 一般情况下,我们需要引入下面两个文件,插件才能正常使用: bootstrap-fileinput/css

Openresty + nginx-upload-module支持文件上传

1. 包下载 openresty-1.13.6.1下载地址 https://openresty.org/download/openresty-1.13.6.1.tar.gz nginx-upload-module-2.2由于原作者已经很长时间不更新了,本来从原作者github下载的时候,编译openresty的时候报错:ngx_http_upload_module.c:14:17: fatal error: md5.h: No such file or directory 后来找到一个可用的fo

Ckeditor与Ckfinder(java)整合实现富媒体内容编辑(支持文件上传)

先来看一下最终的效果图 一.编辑器界面 二.上传图片界面 <!-------------------------------------------------------> 一.安装包下载,我使用的安装包是ckfinder_java_2.3.zip和ckeditor_3.6.3.zip,这两个文件可以分别到http://ckfinder.com/download和http://ckeditor.com/download下载,注意我使用的开发语言是java,所以下载cfinder的时候需要选择

webview 不支持文件上传 &lt;input type=&quot;file&quot; /&gt;

项目中遇到文件上传的需求,IOS直接是支持的,安卓端却没反应,有些机型甚至闪退. 找了很多原因,在网上找的办法,实测可行,做个记录,知识分享. Html文件上传 <input type="file" class="uploadBtn" multiple="multiple" accept="image/jpeg"> 手机端WebView重写方法 // 1.设置WebChromeClient,重写文件上传回调 mWe

Android客户端多文件上传

在web开发中,多文件上传时是非常方便的,直接使用Http协议提交数据即可.格式如下: <FORM METHOD=POST ACTION="http://192.168.1.101:8083/upload/servlet/UploadServlet" enctype="multipart/form-data"> <INPUT TYPE="text" NAME="name"> <INPUT TYPE

ajax提交表单,并且可以支持文件上传

当我们提交表单但是又不想要刷新页面的时候就可以考虑使用ajax来实现提交功能,但是这有个局限就是当有文件上传的时候是行不通的,下面借助于jquery.form可以很方便满足我们的需求. 1.表单写法: <form class="ui form error-page" id="error_page" method="post" action="{{ url('web/save/error-page') }}" enctyp