Android Webview 实现选择文件

一、引言

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。

好了，如果对你有帮助的话点个赞、关注我吧。