android webview无法上传文件的解决方案

一、介绍

当我们使用webview内嵌一个网页时，如果we页面中带有<input type="file" ...>的控件，在webview中能正常显示这个上传控件，但是你会发现无论你如何点击都无效果，即无法达到上传图片和文件的效果，也无法打开文件夹.在网页端调动相机的操作也是无效的，下面我们来解决下这些问题

二、解决办法

第一步：重写WebChromeClient

Android 5.0+ 重写onShowFileChooser生效；

android 4.4   重写openFileChooser没有生效；

Android 4.4- 重写openFileChooser生效；

mWebView.setWebChromeClient(new WebChromeClient(){
    
    @Override
    public boolean onShowFileChooser(WebView webView,
                                     ValueCallback<Uri[]> filePathCallback,
         FileChooserParams fileChooserParams) {
        mUploadCallbackAboveL=filePathCallback;
        new MainActivity().take();
        return true;
    }
    public void openFileChooser(ValueCallback<Uri> uploadMsg) {
        mUploadMessage=uploadMsg;
        new MainActivity().take();
    }
    public void openFileChooser(ValueCallback<Uri> uploadMsg,String acceptType) {
        mUploadMessage=uploadMsg;
        new MainActivity().take();
    }
    public void openFileChooser(ValueCallback<Uri> uploadMsg,String acceptType, String capture) {
        mUploadMessage=uploadMsg;
        new MainActivity().take();
    }
});

第二步：监听ValueCallback

private ValueCallback<Uri> mUploadMessage;// 表单的数据信息
private ValueCallback<Uri[]> mUploadCallbackAboveL;
private final static int FILECHOOSER_RESULTCODE = 1;// 表单的结果回调
private Uri imageUri;

public void take(){
 File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "MyApp");
 // Create the storage directory if it does not exist
 if (! imageStorageDir.exists()){
 imageStorageDir.mkdirs();
 }
 File file = new File(imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg");
 imageUri = Uri.fromFile(file);

 final List<Intent> cameraIntents = new ArrayList<Intent>();
 final Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
 final PackageManager packageManager = getPackageManager();
 final List<ResolveInfo> listCam = packageManager.queryIntentActivities(captureIntent, 0);
 for(ResolveInfo res : listCam) {
 final String packageName = res.activityInfo.packageName;
 final Intent i = new Intent(captureIntent);
 i.setComponent(new ComponentName(res.activityInfo.packageName, res.activityInfo.name));
 i.setPackage(packageName);
 i.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
 cameraIntents.add(i);

 }
 Intent i = new Intent(Intent.ACTION_GET_CONTENT);
 i.addCategory(Intent.CATEGORY_OPENABLE);
 i.setType("image*//*");
 Intent chooserIntent = Intent.createChooser(i,"Image Chooser");
 chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, cameraIntents.toArray(new Parcelable[]{}));
 MainActivity.this.startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE);
}

第三步：webview要添加相应的设置

mWebView.getSettings().setJavaScriptEnabled(true);
settings.setAllowFileAccess(true);

第四步：创建onActivityResult

protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(requestCode==FILECHOOSER_RESULTCODE)
        {
            if (null == mUploadMessage && null == mUploadCallbackAboveL) return;
            Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
            if (mUploadCallbackAboveL != null) {
                onActivityResultAboveL(requestCode, resultCode, data);
            }
            else  if (mUploadMessage != null) {
                Log.e("TAG",result+"");
                if(result==null){
//                   mUploadMessage.onReceiveValue(imageUri);
                    mUploadMessage.onReceiveValue(imageUri);
                    mUploadMessage = null;

                    Log.e("TAG",imageUri+"");
                }else {
                    mUploadMessage.onReceiveValue(result);
                    mUploadMessage = null;
                }
            }
        }
    }

@SuppressWarnings("null")
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private void onActivityResultAboveL(int requestCode, int resultCode, Intent data) {
    if (requestCode != FILECHOOSER_RESULTCODE
            || mUploadCallbackAboveL == null) {
        return;
    }

    Uri[] results = null;
    if (resultCode == Activity.RESULT_OK) {
        if (data == null) {
            results = new Uri[]{imageUri};
        } else {
            String dataString = data.getDataString();
            ClipData clipData = data.getClipData();

            if (clipData != null) {
                results = new Uri[clipData.getItemCount()];
                for (int i = 0; i < clipData.getItemCount(); i++) {
                    ClipData.Item item = clipData.getItemAt(i);
                    results[i] = item.getUri();
                }
            }

            if (dataString != null)
                results = new Uri[]{Uri.parse(dataString)};
        }
    }
    if(results!=null){
        mUploadCallbackAboveL.onReceiveValue(results);
        mUploadCallbackAboveL = null;
    }else{
        results = new Uri[]{imageUri};
        mUploadCallbackAboveL.onReceiveValue(results);
        mUploadCallbackAboveL = null;
    }

    return;
}