首页 文章 精选 留言 我的

ndroid笔记:Webview 支持 input type=file选择上传图片

2017-11-07 605

在一个带有input tpye=file标签的Html页面，通过WebView，上传android手机上的图片，发现不工作。（在Ios和微信上完全正常工作）所以，需要研究一下Android的WebView，来支持type=file的标签。

WebView设置WebChromeClient

重写WebChromeClient中关于文件选择的方法，onShowFileChooser和openFileChooser。(项目中只需要选择图片，所以加上了图片过滤。)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
public  static  final  int  INPUT_FILE_REQUEST_CODE =  1 ;
private  ValueCallback<Uri> mUploadMessage;
private  final  static  int  FILECHOOSER_RESULTCODE =  2 ;
private  ValueCallback<Uri[]> mFilePathCallback;
 
private  String mCameraPhotoPath;
private  WebChromeClient mWebChromeClient =  new  WebChromeClient() {
 
    // android 5.0
    public  boolean  onShowFileChooser(
          WebView webView, ValueCallback<Uri[]> filePathCallback,
          WebChromeClient.FileChooserParams fileChooserParams) {
       if  (mFilePathCallback !=  null ) {
          mFilePathCallback.onReceiveValue( null );
       }
       mFilePathCallback = filePathCallback;
 
       Intent takePictureIntent =  new  Intent(MediaStore.ACTION_IMAGE_CAPTURE);
       if  (takePictureIntent.resolveActivity(getPackageManager()) !=  null ) {
          // Create the File where the photo should go
          File photoFile =  null ;
          try  {
             photoFile = createImageFile();
             takePictureIntent.putExtra( "PhotoPath" , mCameraPhotoPath);
          }  catch  (IOException ex) {
             // Error occurred while creating the File
             Log.e( "WebViewSetting" ,  "Unable to create Image File" , ex);
          }
 
          // Continue only if the File was successfully created
          if  (photoFile !=  null ) {
             mCameraPhotoPath =  "file:"  + photoFile.getAbsolutePath();
             takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT,
                   Uri.fromFile(photoFile));
          }  else  {
             takePictureIntent =  null ;
          }
       }
 
       Intent contentSelectionIntent =  new  Intent(Intent.ACTION_GET_CONTENT);
       contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
       contentSelectionIntent.setType( "image/*" );
 
       Intent[] intentArray;
       if  (takePictureIntent !=  null ) {
          intentArray =  new  Intent[]{takePictureIntent};
       }  else  {
          intentArray =  new  Intent[ 0 ];
       }
 
       Intent chooserIntent =  new  Intent(Intent.ACTION_CHOOSER);
       chooserIntent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);
       chooserIntent.putExtra(Intent.EXTRA_TITLE,  "Image Chooser" );
       chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, intentArray);
 
       startActivityForResult(chooserIntent, INPUT_FILE_REQUEST_CODE);
 
       return  true ;
    }
 
    //The undocumented magic method override
    //Eclipse will swear at you if you try to put @Override here
    // For Android 3.0+
    public  void  openFileChooser(ValueCallback<Uri> uploadMsg) {
 
       mUploadMessage = uploadMsg;
       Intent i =  new  Intent(Intent.ACTION_GET_CONTENT);
       i.addCategory(Intent.CATEGORY_OPENABLE);
       i.setType( "image/*" );
       WebViewActivity. this .startActivityForResult(Intent.createChooser(i,  "Image Chooser" ), FILECHOOSER_RESULTCODE);
 
    }
 
    // For Android 3.0+
    public  void  openFileChooser(ValueCallback uploadMsg, String acceptType) {
       mUploadMessage = uploadMsg;
       Intent i =  new  Intent(Intent.ACTION_GET_CONTENT);
       i.addCategory(Intent.CATEGORY_OPENABLE);
       i.setType( "image/*" );
       WebViewActivity. this .startActivityForResult(
             Intent.createChooser(i,  "Image Chooser" ),
             FILECHOOSER_RESULTCODE);
    }
 
    //For Android 4.1
    public  void  openFileChooser(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/*" );
       WebViewActivity. this .startActivityForResult(Intent.createChooser(i,  "Image Chooser" ), WebViewActivity.FILECHOOSER_RESULTCODE);
 
    }
};


选择结果的回调

在onActivityResult中获取对应的选取文件的返回结果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
public  void  onActivityResult( int  requestCode,  int  resultCode, Intent data) {
    if  (requestCode == FILECHOOSER_RESULTCODE) {
       if  ( null  == mUploadMessage)  return ;
       Uri result = data ==  null  || resultCode != RESULT_OK ?  null
             : data.getData();
       if  (result !=  null ) {
          String imagePath = ImageFilePath.getPath( this , result);
          if  (!StrUtils.isEmpty(imagePath)) {
             result = Uri.parse( "file:///"  + imagePath);
          }
       }
       mUploadMessage.onReceiveValue(result);
       mUploadMessage =  null ;
    }  else  if  (requestCode == INPUT_FILE_REQUEST_CODE && mFilePathCallback !=  null ) {
       // 5.0的回调
       Uri[] results =  null ;
 
       // Check that the response is a good one
       if  (resultCode == Activity.RESULT_OK) {
          if  (data ==  null ) {
             // If there is not data, then we may have taken a photo
             if  (mCameraPhotoPath !=  null ) {
                Logger.d( "camera_photo_path" , mCameraPhotoPath);
                results =  new  Uri[]{Uri.parse(mCameraPhotoPath)};
             }
          }  else  {
             String dataString = data.getDataString();
             Logger.d( "camera_dataString" , dataString);
             if  (dataString !=  null ) {
                results =  new  Uri[]{Uri.parse(dataString)};
             }
          }
       }
 
       mFilePathCallback.onReceiveValue(results);
       mFilePathCallback =  null ;
    }  else  {
       super .onActivityResult(requestCode, resultCode, data);
       return ;
    }
}



文件路径的获取

返回文件的解析，因为html页面需要的是文件，所以客户端需要返回的是对应文件的路径。这样，就会存在一个问题，在Android 4.4上，通过文件选择返回的结果都是对应以content开头格式的对应的路径。这就得需要咱们来进行判断，最终都需要转回成以file开头对应的格式文件。下面，我封装成了一个ImageFilePath的类，通过调用getPath方法来获取最终的结果。这个类的方法如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
/**
  * Method for return file path of Gallery image
  *
  * @param context
  * @param uri
  * @return path of the selected image file from gallery
  */
public  static  String getPath( final  Context context,  final  Uri uri) {
 
    // check here to KITKAT or new version
    final  boolean  isKitKat = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT;
 
    // DocumentProvider
    if  (isKitKat && DocumentsContract.isDocumentUri(context, uri)) {
 
       // ExternalStorageProvider
       if  (isExternalStorageDocument(uri)) {
          final  String docId = DocumentsContract.getDocumentId(uri);
          final  String[] split = docId.split( ":" );
          final  String type = split[ 0 ];
 
          if  ( "primary" .equalsIgnoreCase(type)) {
             return  Environment.getExternalStorageDirectory() +  "/"
                   + split[ 1 ];
          }
       }
       // DownloadsProvider
       else  if  (isDownloadsDocument(uri)) {
 
          final  String id = DocumentsContract.getDocumentId(uri);
          final  Uri contentUri = ContentUris.withAppendedId(
                Uri.parse( "content://downloads/public_downloads" ),
                Long.valueOf(id));
 
          return  getDataColumn(context, contentUri,  null ,  null );
       }
       // MediaProvider
       else  if  (isMediaDocument(uri)) {
          final  String docId = DocumentsContract.getDocumentId(uri);
          final  String[] split = docId.split( ":" );
          final  String type = split[ 0 ];
 
          Uri contentUri =  null ;
          if  ( "image" .equals(type)) {
             contentUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
          }  else  if  ( "video" .equals(type)) {
             contentUri = MediaStore.Video.Media.EXTERNAL_CONTENT_URI;
          }  else  if  ( "audio" .equals(type)) {
             contentUri = MediaStore.Audio.Media.EXTERNAL_CONTENT_URI;
          }
 
          final  String selection =  "_id=?" ;
          final  String[] selectionArgs =  new  String[] { split[ 1 ] };
 
          return  getDataColumn(context, contentUri, selection,
                selectionArgs);
       }
    }
    // MediaStore (and general)
    else  if  ( "content" .equalsIgnoreCase(uri.getScheme())) {
 
       // Return the remote address
       if  (isGooglePhotosUri(uri))
          return  uri.getLastPathSegment();
 
       return  getDataColumn(context, uri,  null ,  null );
    }
    // File
    else  if  ( "file" .equalsIgnoreCase(uri.getScheme())) {
       return  uri.getPath();
    }
 
    return  null ;
}
 
/**
  * Get the value of the data column for this Uri. This is useful for
  * MediaStore Uris, and other file-based ContentProviders.
  *
  * @param context
  *            The context.
  * @param uri
  *            The Uri to query.
  * @param selection
  *            (Optional) Filter used in the query.
  * @param selectionArgs
  *            (Optional) Selection arguments used in the query.
  * @return The value of the _data column, which is typically a file path.
  */
public  static  String getDataColumn(Context context, Uri uri,
                            String selection, String[] selectionArgs) {
 
    Cursor cursor =  null ;
    final  String column =  "_data" ;
    final  String[] projection = { column };
 
    try  {
       cursor = context.getContentResolver().query(uri, projection,
             selection, selectionArgs,  null );
       if  (cursor !=  null  && cursor.moveToFirst()) {
          final  int  index = cursor.getColumnIndexOrThrow(column);
          return  cursor.getString(index);
       }
    }  finally  {
       if  (cursor !=  null )
          cursor.close();
    }
    return  null ;
}
 
/**
  * @param uri
  *            The Uri to check.
  * @return Whether the Uri authority is ExternalStorageProvider.
  */
public  static  boolean  isExternalStorageDocument(Uri uri) {
    return  "com.android.externalstorage.documents" .equals(uri
          .getAuthority());
}
 
/**
  * @param uri
  *            The Uri to check.
  * @return Whether the Uri authority is DownloadsProvider.
  */
public  static  boolean  isDownloadsDocument(Uri uri) {
    return  "com.android.providers.downloads.documents" .equals(uri
          .getAuthority());
}
 
/**
  * @param uri
  *            The Uri to check.
  * @return Whether the Uri authority is MediaProvider.
  */
public  static  boolean  isMediaDocument(Uri uri) {
    return  "com.android.providers.media.documents" .equals(uri
          .getAuthority());
}
 
/**
  * @param uri
  *            The Uri to check.
  * @return Whether the Uri authority is Google Photos.
  */
public  static  boolean  isGooglePhotosUri(Uri uri) {
    return  "com.google.android.apps.photos.content" .equals(uri
          .getAuthority());
}






本文转自 glblong 51CTO博客，原文链接：http://blog.51cto.com/glblong/1726034，如需转载请自行联系原作者

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/425269

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android开发环境搭建及常见问题解决方法

在移动互联网的时代，Android的份额早已超过了苹果。Android的出现无疑加速了移动互联网的普及，手机操作系统已经是IOS和Android的天下了，什么winphone之类的可以说没它们什么事了。记得三年前做过一个简单的基于Android2.2的一个小应用。当时只是为了好玩，因而也没有相应的文档记录；后来由于工作原因也就没有继续讲Android开发进行下去。趁有时间再来折腾折腾Android的开发吧。想要开发Android的应用，首先需要安装Android的开发环境，下面记录了Android开发环境搭建的步骤。 一、环境及所需软件： 操作系统：win7 32位 下载Android Studio：http://developer.android.com/sdk/installing/index.html?pkg=studio（需要翻越GFW，你懂的） 下载jdk：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html（1.7及以上版本） 二、安装步骤 1、安装java 在...
2017-11-08
607
上一篇

【Android - 框架】之Fresco的使用

当下有很多图片加载框架，常见的有Glide、Fresco、Picasso等。Glide因为其体积小、缓存机制强大等优点，受到了广大程序员的青睐；Fresco虽然体积比较大，缓存机制也没有Glide强大，但它胜在拥有一些炫酷的效果（进度条、淡入效果）等，也有很多人在使用。今天我们就来介绍一下Fresco的使用。 先贴出【Fresco的中文官方文档】。 1、配置环境 使用Fresco需要先在build.gradle中导入依赖： // Fresco所需依赖 compile 'com.facebook.fresco:fresco:0.12.0' // 在 API < 14 上的机器支持 WebP 时，需要添加 compile 'com.facebook.fresco:animated-base-support:0.12.0' // 支持 GIF 动图，需要添加 compile 'com.facebook.fresco:animated-gif:0.12.0' // 支持 WebP （静态图+动图），需要添加 compile 'com.facebook.fresco:an...
2017-11-08
593
下一篇

相关文章

发表评论

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2025-12-12 大小: 211.28KB 下载: 54次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2026-01-27 大小: 1MB 下载: 5次
Rocky Linux

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

时间: 2026-01-03 大小: 1.42GB 下载: 2次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
SpringBoot4 Nacos3 Service Mesh Docker OpenAi HarmonyOS6 Redis Rocky Kubernetes DeepSeek Jdk25 Gemini3 SpringCloud

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册