2020年7月21日更新

適配安卓10方式:
返回URI即可

概述

手機上加載webview，網(wǎng)頁上上傳圖片調(diào)用原生相機和相冊上傳圖片

流程

先設(shè)置好webview的加載以及websetting，這里就不多說了。

setWebChromeClient

變量參數(shù)

//5.0以下使用
private ValueCallback<Uri> uploadMessage;
// 5.0及以上使用
private ValueCallback<Uri[]> uploadMessageAboveL;
//拍照圖片路徑
private String cameraFielPath;
private final static int FILE_CAMERA_RESULT_CODE = 129;

主要是setWebChromeClient方法的實現(xiàn)

mWebView.setWebChromeClient(new WebChromeClient() {
            // For Android < 3.0
            public void openFileChooser(ValueCallback<Uri> valueCallback) {
                uploadMessage = valueCallback;
                take();
            }
            
            // For Android  >= 3.0
            public void openFileChooser(ValueCallback valueCallback, String acceptType) {
                uploadMessage = valueCallback;
                take();
            }
            
            //For Android  >= 4.1
            public void openFileChooser(ValueCallback<Uri> valueCallback, String acceptType, String capture) {
                uploadMessage = valueCallback;
                take();
            }
            
            // For Android >= 5.0
            @Override
            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
                uploadMessageAboveL = filePathCallback;
                take();
                return true;
            }
        });

這個方法分幾個版本的適配3.0以下的設(shè)備，3.0到4.1的設(shè)備，4.1到5.0的設(shè)備,以及5.0以上的設(shè)備，每個方法參數(shù)不一樣適配時請注意。5.0以下的參數(shù)都是 ValueCallback<Uri> ，以上的設(shè)備需要 ValueCallback<Uri[]> ,回傳數(shù)據(jù)的時候也是對應(yīng)的不要弄錯了。

意圖處理

private void take() {
        //拍照圖片保存位置
        File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "MyApp");
        if ( !imageStorageDir.exists() ) {
            imageStorageDir.mkdirs();
        }
        cameraFielPath = imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg";
        File file = new File(cameraFielPath);
        //需要顯示應(yīng)用的意圖列表，這個list的順序和選擇菜單上的圖標(biāo)順序是相關(guān)的，請注意。
        final List<Intent> cameraIntents = new ArrayList<Intent>();
        final Intent captureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
        final PackageManager packageManager = getPackageManager();
        //獲取手機里所有注冊相機接收意圖的應(yīng)用程序，放到意圖列表里(無他相機，美顏相機等第三方相機)
        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, Uri.fromFile(file));
            cameraIntents.add(i);
        }
        //相冊選擇器
        Intent i = new Intent(Intent.ACTION_GET_CONTENT);
        i.addCategory(Intent.CATEGORY_OPENABLE);
        i.setType("image/*");
        //intent選擇器
        Intent chooserIntent = Intent.createChooser(i, "選擇模式");
        chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, cameraIntents.toArray(new Parcelable[]{}));
        this.startActivityForResult(chooserIntent, FILE_CAMERA_RESULT_CODE);
    }

onActivityResult回調(diào)

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if ( null == uploadMessage && null == uploadMessageAboveL ) {
            return;
        }
        //沒有返回值時的處理
        if ( resultCode != RESULT_OK ) {
            //需要回調(diào)onReceiveValue方法防止下次無法響應(yīng)js方法
            if ( uploadMessageAboveL != null ) {
                uploadMessageAboveL.onReceiveValue(null);
                uploadMessageAboveL = null;
            }
            if ( uploadMessage != null ) {
                uploadMessage.onReceiveValue(null);
                uploadMessage = null;
            }
            return;
        }
        
        Uri result = null;
        if ( requestCode == FILE_CAMERA_RESULT_CODE ) {
            if ( null != data && null != data.getData() ) {
                result = data.getData();
            }
            if ( result == null && hasFile(cameraFielPath) ) {
                result = Uri.fromFile(new File(cameraFielPath));
            }
            //5.0以上設(shè)備的數(shù)據(jù)處理
            if ( uploadMessageAboveL != null ) {
                uploadMessageAboveL.onReceiveValue(new Uri[]{result});
                uploadMessageAboveL = null;
            } else if ( uploadMessage != null ) {
                //5.0以下設(shè)備的數(shù)據(jù)處理
                uploadMessage.onReceiveValue(result);
                uploadMessage = null;
            }
        }
    }

最后的效果如下：