Android WebView適配html載入本地檔案並上傳

寫在前面

自從做Android APP產品以來，版本更迭一版接著一版，為新的業務需求一步也未曾停歇。工作開始進入一種機械化的快節奏：接觸新知識，新技術領域一般都是透過網上找資料，快速入門，遇到問題解決了就解決了，完成之後也很少去用文字來總結經驗，一個專案做完也只剩下提交的程式碼，或者將遇到的問題用筆記的形式草草記錄下來。
這幾天終於有點閒下來了，回頭看自己提交的程式碼，覺得有些知識還是應該整理總結一下。這樣過很久來看，即使忘的差不多了也可以透過整理的文章來重新學習。

第一篇文章就寫這個吧！因為三方android app需要整合我們的h5頁面，但是同時需要在app內做適配，所以之前自己就在網上找資料總結了一篇，現在就是直接複製貼上過來的。

---

WebView選擇檔案的邏輯

當我們在Web頁面上點選選擇檔案的控制元件()時，會回撥WebChromeClient下的openFileChooser()（5.0及以上系統回撥onShowFileChooser()）。這個時候我們在openFileChooser方法中透過Intent開啟系統相簿或者支援該Intent的第三方應用來選擇圖片。

webview.setWebChromeClient(new WebChromeClient() {

        // For Android  valueCallback) {
            ***
        }

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

        //For Android  >= 4.1
        public void openFileChooser(ValueCallback valueCallback, 
                String acceptType, String capture) {
            ***
        }

        // For Android >= 5.0
        @Override
        public boolean onShowFileChooser(WebView webView, 
                ValueCallback filePathCallback, 
                WebChromeClient.FileChooserParams fileChooserParams) {
            ***
            return true;
        }
    });

如果對於image的選擇，demo如下

webview.setWebChromeClient(new WebChromeClient() {

            // For Android  valueCallback) {
                uploadMessage = valueCallback;
                openImageChooserActivity();
            }

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

            //For Android  >= 4.1
            public void openFileChooser(ValueCallback valueCallback, String acceptType, String capture) {
                uploadMessage = valueCallback;
                openImageChooserActivity();
            }

            // For Android >= 5.0
            @Override
            public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
                uploadMessageAboveL = filePathCallback;
                openImageChooserActivity();
                return true;
            }
        });
        String targetUrl = "file:///android_asset/up.html";
        webview.loadUrl(targetUrl);
    }

    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);
    }

注意：
上面demo是根據圖片image的處理方式，如果其他型別，例如是video，可以透過在acceptType這個引數中取得，然後做相應處理。如果是5.0以上，可以在fileChooserParams這個引數中取得acceptType這個引數，然後做相應處理.

上傳的情況

看到上面openFileChooser()或onShowFileChooser()中ValueCallback引數，可以呼叫其onReceiveValue回傳給webview，透過js可以上傳。ValueCallback包含了一組Uri(Uri[]),所以針對5.0及以上系統，我們還需要對onActivityResult()做一點點處理。例如：

@Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == FILE_CHOOSER_RESULT_CODE) {
            if (null == uploadMessage && null == uploadMessageAboveL) return;
            Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
            if (uploadMessageAboveL != null) {
                onActivityResultAboveL(requestCode, resultCode, data);
            } else if (uploadMessage != null) {
                uploadMessage.onReceiveValue(result);
                uploadMessage = null;
            }
        }
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    private void onActivityResultAboveL(int requestCode, int resultCode, Intent intent) {
        if (requestCode != FILE_CHOOSER_RESULT_CODE || uploadMessageAboveL == 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 

完整示例程式碼地址：