WebView上传文件

WebView上传文件的逻辑

当我们在Web页面上点击选择文件的控件()时，会回调WebChromeClient下的openFileChooser()（5.0及以上系统回调onShowFileChooser()）。这个时候我们在openFileChooser方法中通过Intent打开系统相册或者支持该Intent的第三方应用来选择图片。

关于webview这里推荐各位集成腾讯的sdk，解决了部分安卓机型在webview上的问题

接入文档

http://x5.tencent.com/tbs/guide/sdkInit.html

直接上代码介绍

public class WebViewActivity extends Activity{
    //低版本选取回来的是Uri
    private ValueCallback<Uri> uploadFile;
    //高版本选取回来的是Uri数组
    private ValueCallback<Uri[]> uploadFileAboveL;
    private final static int FILE_CHOOSER_RESULT_CODE = 9999;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_webview);
        //关于是否集成成功腾讯内核的webview请看详细的官方介绍
        WebView web = (WebView) findViewById(R.id.web);
        WebSettings settings = web.getSettings();
        //权限上面，webview是默认打开了可以选取手机里的文件
        settings.setJavaScriptEnabled(true);
        web.setWebChromeClient(new com.tencent.smtt.sdk.WebChromeClient(){
            // For Android < 3.0
            public void openFileChooser(ValueCallback<Uri> valueCallback) {
                uploadFile = valueCallback;
                openImageChooserActivity();
            }

            // For Android  >= 3.0
            public void openFileChooser(ValueCallback valueCallback, String acceptType) {
                uploadFile = valueCallback;
                openImageChooserActivity();
            }

            //For Android  >= 4.1
            public void openFileChooser(ValueCallback<Uri> valueCallback, String acceptType, String capture) {
                uploadFile = valueCallback;
                openImageChooserActivity();
            }
            // For Android >= 5.0
            @Override
            public boolean onShowFileChooser(com.tencent.smtt.sdk.WebView webView, com.tencent.smtt.sdk.ValueCallback<Uri[]> valueCallback, FileChooserParams fileChooserParams) {
                uploadFileAboveL = valueCallback;
                openImageChooserActivity();
                return true;
            }
        });
        web.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(com.tencent.smtt.sdk.WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        web.loadUrl("对应的H5地址");
    }

    //打开选取的方法
    private void openImageChooserActivity() {
        Intent i = new Intent(Intent.ACTION_GET_CONTENT);
        i.addCategory(Intent.CATEGORY_OPENABLE);
        i.setType("image/*");
        startActivityForResult(Intent.createChooser(i, "Image Chooser"), FILE_CHOOSER_RESULT_CODE);
    }

    //选取回执
    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == FILE_CHOOSER_RESULT_CODE) {
            if (null == uploadFile && null == uploadFileAboveL) return;
            Uri result = data == null || resultCode != Activity.RESULT_OK ? null : data.getData();
            if (uploadFileAboveL != null) {
                onActivityResultAboveL(requestCode, resultCode, data);
            } else if (uploadFile != null) {
                uploadFile.onReceiveValue(result);
                uploadFile = null;
            }
        }
    }

    //这里intent.getClipData()方法需要在api16以上才能使用这个
    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    private void onActivityResultAboveL(int requestCode, int resultCode, Intent intent) {
        if (requestCode != FILE_CHOOSER_RESULT_CODE || uploadFileAboveL == null)
            return;
        Uri[] results = null;
        if (resultCode == Activity.RESULT_OK) {
            if (intent != null) {
                String dataString = intent.getDataString();
                ClipData clipData = intent.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)};
            }
        }
        uploadFileAboveL.onReceiveValue(results);
        uploadFileAboveL = null;
    }
}

介绍完毕。
对了还有一个事情需要注意一下关于Android 4.4版本下的机型，openFileChooser方法无法响应，这里腾讯的的webview就起作用了，他们优化了这方面的代码，让4.4机型下的手机，但并不知道是不是所有型号下的4.4都可以实现，只能自己去实测了。