一、引言
Android webview是不会默认实现web里的<input type="file" />的选择文件功能，要想实现web的选择文件功能需要webview做一定的处理。
二、功能实现
重写 WebChromeClient中的 openFileChooser() 和 onShowFileChooser()方法，使用原生代码来调用本地相册、拍照或文件的功能，最后在 onActivityResult 把选择的文件URI 回传回去。
1、重写 WebChromeClient中的 openFileChooser() 和 onShowFileChooser()方法，由于在不同安卓版本的方法不大一样，所以要分别进行实现。
mWebView.setWebChromeClient(new WebChromeClient(){
// For Android < 3.0
public void openFileChooser(ValueCallback<Uri> valueCallback) {
mUploadCallBack = valueCallback;
showFileChooser();
}
// For Android >= 3.0
public void openFileChooser(ValueCallback valueCallback, String acceptType) {
mUploadCallBack = valueCallback;
showFileChooser();
}
//For Android >= 4.1
public void openFileChooser(ValueCallback<Uri> valueCallback, String acceptType, String capture) {
mUploadCallBack = valueCallback;
showFileChooser();
}
// For Android >= 5.0
@Override
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
mUploadCallBackAboveL = filePathCallback;
showFileChooser();
return true;
}
});
showFileChooser()方法代码如下：
/**
* 打开选择文件/相机
*/
private void showFileChooser() {
// Intent intent1 = new Intent(Intent.ACTION_PICK, null);
// intent1.setDataAndType(
// MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
Intent intent1 = new Intent(Intent.ACTION_GET_CONTENT);
intent1.addCategory(Intent.CATEGORY_OPENABLE);
intent1.setType("*/*");
Intent intent2 = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
mCameraFilePath = Environment.getExternalStorageDirectory().getAbsolutePath() + File.separator +
System.currentTimeMillis() + ".jpg";
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
// android7.0注意uri的获取方式改变
Uri photoOutputUri = FileProvider.getUriForFile(
MainActivity.this,
BuildConfig.APPLICATION_ID + ".fileProvider",
new File(mCameraFilePath));
intent2.putExtra(MediaStore.EXTRA_OUTPUT, photoOutputUri);
} else {
intent2.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(mCameraFilePath)));
}
Intent chooser = new Intent(Intent.ACTION_CHOOSER);
chooser.putExtra(Intent.EXTRA_TITLE, "File Chooser");
chooser.putExtra(Intent.EXTRA_INTENT, intent1);
chooser.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Intent[]{intent2});
startActivityForResult(chooser, REQUEST_CODE_FILE_CHOOSER);
}
2、在onActivityResult里处理获取到的文件。
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode == REQUEST_CODE_FILE_CHOOSER) {
Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
if (result == null && !TextUtils.isEmpty(mCameraFilePath)) {
// 看是否从相机返回
File cameraFile = new File(mCameraFilePath);
if (cameraFile.exists()) {
result = Uri.fromFile(cameraFile);
sendBroadcast(new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, result));
}
}
if (result != null) {
String path = FileUtils.getPath(this, result);
if (!TextUtils.isEmpty(path)) {
File f = new File(path);
if (f.exists() && f.isFile()) {
Uri newUri = Uri.fromFile(f);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
if (mUploadCallBackAboveL != null) {
if (newUri != null) {
mUploadCallBackAboveL.onReceiveValue(new Uri[]{newUri});
mUploadCallBackAboveL = null;
return;
}
}
} else if (mUploadCallBack != null) {
if (newUri != null) {
mUploadCallBack.onReceiveValue(newUri);
mUploadCallBack = null;
return;
}
}
}
}
}
clearUploadMessage();
return;
}
}
/**
* webview没有选择文件也要传null，防止下次无法执行
*/
private void clearUploadMessage() {
if (mUploadCallBackAboveL != null) {
mUploadCallBackAboveL.onReceiveValue(null);
mUploadCallBackAboveL = null;
}
if (mUploadCallBack != null) {
mUploadCallBack.onReceiveValue(null);
mUploadCallBack = null;
}
}
注意1：不管有没有选择文件，都要执行onReceiveValue，没有选择文件的话就传null。
注意2：代码里并没有直接把data.getData()得到的uri传给onReceiveValue方法，因为有些非图片类型（比如pdf）的uri传回去的话h5也不能正确拿到，所以这边先通过uri获取到文件路径，再转化为uri传回去。所以上面代码先通过result得到path再转化为newUri并不是多此一举的。
通过uri得到path方法参考这篇文章：https://www.jianshu.com/p/25c35da68db2
注意3：如果你的应用混淆了要注意下,openFileChooser方法并不是WebChromeClient的对外开放的方法，因此这个方法会被混淆，解决办法也比较简单，只需要在混淆文件里控制一下即可：
-keepclassmembers class * extends android.webkit.WebChromeClient{
public void openFileChooser(...);
}
如果<input type="file" />只是调用系统相册/相机并进行图片压缩功能，不用考虑其他文件类型的话可以参考https://www.jianshu.com/p/444932cf5d41。
好了，如果对你有帮助的话点个赞、关注我吧。
