关于android webview调用相册和相机

最新推荐文章于 2025-05-23 12:03:34 发布

原创最新推荐文章于 2025-05-23 12:03:34 发布 · 7.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #webview

技术博客专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何在 Android WebView 中调用系统相册和相机功能，包括不同版本间的代码实现及注意事项。重点在于通过 ValueCallback 和 onActivityResult 方法实现交互，确保在用户选择图片后能正确接收 Uri 并用于网页操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

android webView 调用系统相册和相机

这里我只展示选择图库的代码，调用相册和相机的完整代码到这里下载点击打开链接
private ValueCallback<Uri[]> mFilePathCallback;
private ValueCallback<Uri[]> mUploadCallbackAboveL;
    @Deprecated            // Android < 3.0 调用这个方法             public void openFileChooser(ValueCallback<Uri> uploadMsg) {           	mUploadCallbackAboveL = filePathCallback;
                Intent i = new Intent(Intent.ACTION_GET_CONTENT);
               i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("*/*");
               startActivityForResult(
                        Intent.createChooser(i, "File Browser"),
                        FILECHOOSER_RESULTCODE);

            }            @Deprecated            // 3.0 + 调用这个方法             public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {           mUploadCallbackAboveL = filePathCallback;
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
               i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("*/*");
               startActivityForResult(
                        Intent.createChooser(i, "File Browser"),
                        FILECHOOSER_RESULTCODE);
   
   
    
    

   
   
            }            @Deprecated            // Android > 4.1.1 调用这个方法             public void openFileChooser(ValueCallback<Uri> uploadMsg,                                        String acceptType, String capture) {           mUploadCallbackAboveL = filePathCallback;
  Intent i = new Intent(Intent.ACTION_GET_CONTENT);
               i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("*/*");
               startActivityForResult(
                        Intent.createChooser(i, "File Browser"),
                        FILECHOOSER_RESULTCODE);
            }这上面的三个方法是5.0以下的拦截webview中的input标签触发的而在5.0以后变成了		onShowFileChooser（）方法了
          @Override
            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]>              filePathCallback, FileChooserParams fileChooserParams)}
	      mUploadCallbackAboveL = filePathCallback;             Intent i = new Intent(Intent.ACTION_GET_CONTENT);
               i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("*/*");
               startActivityForResult(
                        Intent.createChooser(i, "File Browser"),
                        FILECHOOSER_RESULTCODE);
                return true;            }
	大家可以通过产看WebViewClient这个类里面的源码可知，在上面的几个方法里面5.0以下是通过ValueCallback<Uri>uploadMsg 来向webview上传我们通过拍照或相册里面获取到的uri而在5.0以上是通过ValueCallback<Uri[]>filePathCallback 来上传，大家注意这里变成了一个Uri类型的数组，然后我们只需要在我们的openFileChoose()和onShowFileChooser()里面写我们调用系统相机和相册的代码了然后在onActivityResult里面获取Uri，大家这里要注意，我们首先要分别声明ValueCallback<Uri>和ValueCallBack<Uri[]>在openFileChoose和onShowFileChooser里面进行赋值就像我上面一样@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
	if (requestCode == FILECHOOSER_RESULTCODE) {
    if (null == mUploadMessage && null == mUploadCallbackAboveL) return;
    Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
    if (mUploadCallbackAboveL != null) {   Uri[] results = null;
   if (resultCode == Activity.RESULT_OK) {
    if (data == null) {
        results = new Uri[]{imageUri};
    } else {
        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) {     	mUploadMessage.onReceiveValue(result);        mUploadMessage = null;
}
}
这里说一下，有的同学在openFileChoose()和onShowFileChooser()方法里面自定义了一个选择拍照和选择图库的弹窗，在弹出选择对话框后，敲击对话框之外的任何地方，或者直接点击返回键，取消掉对话框，这个时候，再次点击网页按钮，就没有任何反应了。 此时的webview就只能看，上面的任何操作都变的无效了，包括网页链接也是如此！为什么会出现这种情况 因为选择图片这个事件必须要有一个返回值，不然程序会一直处于等待状态，当你没有选定的时候你要传回一个null，不然，程序就一直阻塞，就不能进行其它操作了。