浅谈关于AndroidWebView上传文件的解决方案

2018-03-03 19:27:11
我们在开发需求的时候,难免会接入一下第三方的H5页面,有些H5页面是具有上传照片的功能,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<Uri> valueCallback) {
uploadMessage = valueCallback;
openImageChooserActivity();
}

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

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