安卓webView使用到文件上傳流遇到的問題

---

layout: post
author: zjhChester
header-img: img/post-bg-universe.jpg
catalog: true
tags:
- android

安卓webView使用到文件上傳流遇到的問題

前言：

做的h5網頁可以直接套一個webView的殼子直接運行，但是如果裏頭有<input type='file'>的時候，需要對webView進行設置，不然無法進行文件上傳，此問題是我做刷臉登錄的時候遇到的問題。

注意事項：

1、需要特別注意和遇到的坑的是，調用相機和相冊使用到的Uri需要全局化，不能依靠startActivityForResult傳遞參數，即便傳遞的核驗碼一致，得到的uri都可能是null，主要是

protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

這個裏頭的data會爲空，所以，如果上傳爲單文件的時候，我們可以讓圖片的uri直接設置爲全局變量，在最終加載到客戶端上拿到正確的uri就可以正常上傳

2、第二個坑是保存圖片的路徑問題，在調用相機拍攝照片的時候，存放照片的地址最好不要寫sd卡的實際地址，可能會因爲權限問題，保存失敗，在適配機型方面就不好拓展，所以最好就保存到相對目錄getExternalCacheDir()裏面。

  String fileName = "IMG_" + DateFormat.format("yyyyMMdd_hhmmss", Calendar.getInstance(Locale.CHINA)) + ".jpg";
        File file = new File(getExternalCacheDir(), fileName);
        try {
            if(file.exists()){
                file.delete();
            }
            file.createNewFile();
        } catch (IOException e) {
            e.printStackTrace();
        }
        if(Build.VERSION.SDK_INT>=24){
            imageUri = FileProvider.getUriForFile(MainActivity.this,getPackageName()+".fileprovider",file);
        }else{
            imageUri = Uri.fromFile(file);
        }

源碼：

話不多說，源碼奉上：

package cn.tfs.yunge;

import androidx.appcompat.app.ActionBar;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.FileProvider;

import android.annotation.TargetApi;
import android.content.Intent;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.provider.MediaStore;
import android.text.format.DateFormat;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;

import java.io.File;
import java.io.IOException;
import java.util.Calendar;
import java.util.Locale;

public class MainActivity extends AppCompatActivity {
    private android.webkit.ValueCallback<Uri[]> mUploadCallbackAboveL;
    private android.webkit.ValueCallback<Uri> mUploadCallbackBelow;
    private Uri imageUri;
    private int REQUEST_CODE = 1;
    private ProgressBar progressBar;
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        progressBar = findViewById(R.id.pb);
        ActionBar actionBar = getSupportActionBar();
        if(actionBar!=null){
            actionBar.hide();
        }
         webView = findViewById(R.id.web_view);
        webView.canGoBack();
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("你加載的地址");
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                if (newProgress == 100) {
                    progressBar.setVisibility(View.GONE);//加載完網頁進度條消失
                } else {
                    progressBar.setProgress(newProgress);//設置進度值
                    progressBar.setVisibility(View.VISIBLE);//開始加載網頁時顯示進度條
                }
            }

            /**
             * 8(Android 2.2) <= API <= 10(Android 2.3)回調此方法
             */
            private void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg) {
                Log.e("WangJ", "運行方法 openFileChooser-1");
                // (2)該方法回調時說明版本API < 21，此時將結果賦值給 mUploadCallbackBelow，使之 != null
                mUploadCallbackBelow = uploadMsg;
                takePhoto();
            }

            /**
             * 11(Android 3.0) <= API <= 15(Android 4.0.3)回調此方法
             */
            public void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg, String acceptType) {
                Log.e("WangJ", "運行方法 openFileChooser-2 (acceptType: " + acceptType + ")");
                // 這裏我們就不區分input的參數了，直接用拍照
                openFileChooser(uploadMsg);
            }

            /**
             * 16(Android 4.1.2) <= API <= 20(Android 4.4W.2)回調此方法
             */
            public void openFileChooser(android.webkit.ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
                Log.e("WangJ", "運行方法 openFileChooser-3 (acceptType: " + acceptType + "; capture: " + capture + ")");
                // 這裏我們就不區分input的參數了，直接用拍照
                openFileChooser(uploadMsg);
            }

            /**
             * API >= 21(Android 5.0.1)回調此方法
             */
            @Override
            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> valueCallback, FileChooserParams fileChooserParams) {
                Log.e("WangJ", "運行方法 onShowFileChooser");
                // (1)該方法回調時說明版本API >= 21，此時將結果賦值給 mUploadCallbackAboveL，使之 != null
                mUploadCallbackAboveL = valueCallback;
                takePhoto();
                return true;
            }
        });

    }
    /**
     * Android API < 21(Android 5.0)版本的回調處理
     * @param resultCode 選取文件或拍照的返回碼
     * @param data 選取文件或拍照的返回結果
     */
    private void chooseBelow(int resultCode, Intent data) {
        Log.e("WangJ", "返回調用方法--chooseBelow");

        if (RESULT_OK == resultCode) {
            updatePhotos();

            if (data != null) {
                // 這裏是針對文件路徑處理
                Uri uri = data.getData();
                if (uri != null) {
                    Log.e("WangJ", "系統返回URI：" + uri.toString());
                    mUploadCallbackBelow.onReceiveValue(uri);
                } else {
                    mUploadCallbackBelow.onReceiveValue(null);
                }
            } else {
                // 以指定圖像存儲路徑的方式調起相機，成功後返回data爲空
                Log.e("WangJ", "自定義結果：" + imageUri.toString());
                mUploadCallbackBelow.onReceiveValue(imageUri);
            }
        } else {
            mUploadCallbackBelow.onReceiveValue(null);
        }
        mUploadCallbackBelow = null;
    }

    /**
     * Android API >= 21(Android 5.0) 版本的回調處理
     * @param resultCode 選取文件或拍照的返回碼
     * @param data 選取文件或拍照的返回結果
     */
    private void chooseAbove(int resultCode, Intent data) {
        Log.e("WangJ", "返回調用方法--chooseAbove");

        if (RESULT_OK == resultCode) {
            updatePhotos();

            if (data != null) {
                // 這裏是針對從文件中選圖片的處理
                Uri[] results;
                Uri uriData = imageUri;
                System.out.println("chooseAbove"+uriData);
                if (uriData != null) {
                    results = new Uri[]{uriData};
                    for (Uri uri : results) {
                        Log.e("WangJ", "系統返回URI：" + uri.toString());
                    }
                    mUploadCallbackAboveL.onReceiveValue(results);
                } else {
                    mUploadCallbackAboveL.onReceiveValue(null);
                }
            } else {
                Log.e("WangJ", "自定義結果：" + imageUri.toString());
                mUploadCallbackAboveL.onReceiveValue(new Uri[]{imageUri});
            }
        } else {
            mUploadCallbackAboveL.onReceiveValue(null);
        }
        mUploadCallbackAboveL = null;
    }

    private void updatePhotos() {
        // 該廣播即使多發（即選取照片成功時也發送）也沒有關係，只是喚醒系統刷新媒體文件
        Intent intent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE);
        intent.setData(imageUri);
        sendBroadcast(intent);
    }
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == REQUEST_CODE) {
            // 經過上邊(1)、(2)兩個賦值操作，此處即可根據其值是否爲空來決定採用哪種處理方法
            if (mUploadCallbackBelow != null) {
                chooseBelow(resultCode, data);
            } else if (mUploadCallbackAboveL != null) {
                chooseAbove(resultCode, data);
            } else {
                Toast.makeText(this, "發生錯誤", Toast.LENGTH_SHORT).show();
            }
        }
    }
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onDestroy() {
        if (webView != null) {
            webView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
            webView.clearHistory();
            ((ViewGroup) webView.getParent()).removeView(webView);
            webView.destroy();
            webView = null;
        }
        super.onDestroy();
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {
            webView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
    /**
     * 調用相機
     */
    private void takePhoto() {
//        // 指定拍照存儲位置的方式調起相機
        String fileName = "IMG_" + DateFormat.format("yyyyMMdd_hhmmss", Calendar.getInstance(Locale.CHINA)) + ".jpg";
        File file = new File(getExternalCacheDir(), fileName);
        try {
            if(file.exists()){
                file.delete();
            }
            file.createNewFile();
        } catch (IOException e) {
            e.printStackTrace();
        }
        if(Build.VERSION.SDK_INT>=24){
            imageUri = FileProvider.getUriForFile(MainActivity.this,getPackageName()+".fileprovider",file);
        }else{
            imageUri = Uri.fromFile(file);
        }
        // 指定拍照存儲位置的方式調起相機
//        String filePath = Environment.getExternalStorageDirectory() + File.separator
//                + Environment.DIRECTORY_PICTURES + File.separator;
//        String fileName = "IMG_" + DateFormat.format("yyyyMMdd_hhmmss", Calendar.getInstance(Locale.CHINA)) + ".jpg";
//        imageUri = Uri.fromFile(new File(filePath + fileName));

//        Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
//        intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
//        startActivityForResult(intent, REQUEST_CODE);

        // 選擇圖片（不包括相機拍照）,則不用成功後發刷新圖庫的廣播
//        Intent i = new Intent(Intent.ACTION_GET_CONTENT);
//        i.addCategory(Intent.CATEGORY_OPENABLE);
//        i.setType("image/*");
//        startActivityForResult(Intent.createChooser(i, "Image Chooser"), REQUEST_CODE);

        Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
        captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
        System.out.println("imageUri:"+imageUri);
//        Intent chooserIntent = Intent.createChooser(Photo, "Image Chooser");
//        chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[]{captureIntent});

        startActivityForResult(captureIntent, REQUEST_CODE);
        System.out.println("captureIntent:"+captureIntent);
    }

}

有問題或者需要幫助的同學聯繫郵箱[email protected]