Android webview 实现h5的input type=“file“选择图片调用系统相册/相机方法,如果不处理 webview点击无反应

Webview要调用系统相册/相机,需要setWebChromeClient并重写WebChromeClient的方法。
webView.setWebChromeClient(new MWebChromeClient(engine));

 class MWebChromeClient extends SystemWebChromeClient {


        public MWebChromeClient(SystemWebViewEngine parentEngine) {
            super(parentEngine);
        }

        // For Android < 3.0

        public void openFileChooser(com.tencent.smtt.sdk.ValueCallback<Uri> 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<Uri> valueCallback, String acceptType, String capture) {
            uploadMessage = valueCallback;
            openImageChooserActivity();
        }

        // For Android >= 5.0
        @Override
        public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
            uploadMessageAboveL = filePathCallback;
            openImageChooserActivity();
            return true;
        }

        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            super.onProgressChanged(view, newProgress);
            if (seekBar != null) {
                seekBar.setProgress(newProgress);
            }

            if (newProgress == 100) {
                if (seekBar != null)
                    seekBar.setVisibility(View.GONE);
            }

//            if (mImageView != null) {
//                if (newProgress == 100) {
//                    objectAnimator.end();
//                    mImageView.setVisibility(View.GONE);
//                }
//            }
            Log.i("6666666666666", "onProgressChanged: " + newProgress);
        }
    }

    private void openImageChooserActivity() {
        Intent i = new Intent(Intent.ACTION_GET_CONTENT);
        i.addCategory(Intent.CATEGORY_OPENABLE);
        i.setType("*/*");
        startActivityForResult(Intent.createChooser(i, "Image Chooser"), FILE_CHOOSER_RESULT_CODE);
    }


    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == FILE_CHOOSER_RESULT_CODE) {
            if (null == uploadMessage && null == uploadMessageAboveL) return;
            Uri result1 = data == null || resultCode != RESULT_OK ? null : data.getData();
            if (uploadMessageAboveL != null) {
                onActivityResultAboveL(requestCode, resultCode, data);
            } else if (uploadMessage != null) {
                uploadMessage.onReceiveValue(result1);
                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 < clipData.getItemCount(); i++) {
                        ClipData.Item item = clipData.getItemAt(i);
                        results[i] = item.getUri();
                    }
                }
                if (dataString != null)
                    results = new Uri[]{Uri.parse(dataString)};
            }
        }
        uploadMessageAboveL.onReceiveValue(results);
        uploadMessageAboveL = null;
    }

附上大牛的复杂实现:          https://www.jianshu.com/p/444932cf5d41

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
安卓的WebView可以通过与原生相机相册进行交互,从而实现调用相机相册后将结果返回给H5。 首先,我们需要在AndroidManifest.xml文件中添加相机相册的权限: ``` <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> ``` 接下来,在我们的WebView的相关代码中,我们需要实现一个WebChromeClient来处理WebView中的文件选择器。在onShowFileChooser方法中,我们可以获取到调用相机相册所返回的文件路径,然后将其返回给H5页面: ``` webView.getSettings().setJavaScriptEnabled(true); webView.setWebChromeClient(new WebChromeClient() { // Android 5.0+ public boolean onShowFileChooser(WebView view, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { if (mUploadCallbackAboveL != null) { mUploadCallbackAboveL.onReceiveValue(null); } mUploadCallbackAboveL = filePathCallback; Intent intent = fileChooserParams.createIntent(); try { startActivityForResult(intent, FILE_CHOOSER_RESULT_CODE); } catch (ActivityNotFoundException e) { mUploadCallbackAboveL = null; return false; } return true; } // Android 4.1+ public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) { if (mUploadMessage != null) return; mUploadMessage = uploadMsg; Intent intent = new Intent(Intent.ACTION_GET_CONTENT); if (capture != null && capture.equals("camera")) { intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); // 设置相机拍照后保存图片的路径 File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "AppName"); if (!imageStorageDir.exists()) { imageStorageDir.mkdirs(); } File file = new File(imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg"); mCameraPhotoPath = "file:" + file.getAbsolutePath(); intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(file)); } intent.addCategory(Intent.CATEGORY_OPENABLE); intent.setType("image/*"); try { startActivityForResult(Intent.createChooser(intent, "选择文件"), FILE_CHOOSER_RESULT_CODE); } catch (ActivityNotFoundException e) { mUploadMessage = null; return; } } }); ``` 在我们的Activity中,我们需要重写onActivityResult方法,将照片的路径返回给H5页面: ``` @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == FILE_CHOOSER_RESULT_CODE) { if (resultCode == RESULT_OK) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { if (mUploadCallbackAboveL != null) { Uri[] results = null; if (data != null) { 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)}; } mUploadCallbackAboveL.onReceiveValue(results); mUploadCallbackAboveL = null; } } else { if (mUploadMessage != null) { Uri result = data == null ? Uri.parse(mCameraPhotoPath) : data.getData(); mUploadMessage.onReceiveValue(result); mUploadMessage = null; } } } else { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { if (mUploadCallbackAboveL != null) { mUploadCallbackAboveL.onReceiveValue(null); mUploadCallbackAboveL = null; } } else { if (mUploadMessage != null) { mUploadMessage.onReceiveValue(null); mUploadMessage = null; } } } } } ``` 通过上述代码,当WebView调用相机相册后,会将结果通过回调的方式返回给H5页面,以便在H5页面上进行处理和展示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值