Android WebView内Facebook评论插件图片上传失效，如何实现相册选图上传？

当然可以实现这个需求！我之前也碰到过类似的WebView与第三方插件文件上传兼容的问题，核心就是让WebView正确拦截文件选择请求，再把系统相册选中的图片回传给WebView继续完成上传流程。下面一步步给你讲具体实现：

1. 补全必要权限 #

你已经添加了WRITE_EXTERNAL_STORAGE，但还要根据Android版本补充读取权限：

• Android 12及以下：添加 <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
• Android 13+：替换为 <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
  另外要记得在运行时动态申请这些危险权限，毕竟用户授权是必须的步骤。

2. 配置WebView基础设置 #

在你的Site.class初始化WebView时，必须开启这些关键设置，否则JavaScript和文件上传功能会被限制：

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true); // FB评论插件依赖JS，必须开启
webSettings.setDomStorageEnabled(true); // 启用DOM存储，FB插件需要依赖它
webSettings.setAllowFileAccess(true); // 允许WebView访问文件
webSettings.setAllowContentAccess(true);
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

3. 重写WebChromeClient拦截文件选择请求 #

WebView默认不会处理文件选择弹窗，我们需要重写WebChromeClient的文件选择方法，拦截FB插件的图片上传请求，然后唤起系统相册：

首先定义请求码和回调变量：

private static final int FILE_CHOOSER_REQUEST_CODE = 1001;
private ValueCallback<Uri[]> filePathCallback;

然后设置WebChromeClient：

webView.setWebChromeClient(new WebChromeClient() {
    // Android 5.0+ 版本的文件选择回调（主流设备都适用）
    @Override
    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
        // 保存回调，后续选中图片后要用到
        Site.this.filePathCallback = filePathCallback;
        
        // 唤起系统相册选择图片
        Intent intent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
        intent.setType("image/*"); // 限制只选图片类型
        startActivityForResult(intent, FILE_CHOOSER_REQUEST_CODE);
        
        return true;
    }

    // 兼容Android 4.4及以下版本（可选，现在低版本设备占比极低，按需添加）
    public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
        // 逻辑和上面类似，这里就不展开了
    }
});

4. 处理图片选择后的回调 #

在Site.class里重写onActivityResult方法，把选中的图片Uri传递回WebView，让FB插件继续上传流程：

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (requestCode == FILE_CHOOSER_REQUEST_CODE) {
        if (filePathCallback == null) return;
        
        Uri[] results = null;
        if (resultCode == RESULT_OK && data != null) {
            Uri imageUri = data.getData();
            if (imageUri != null) {
                results = new Uri[]{imageUri};
            }
        }
        
        // 将选中的图片Uri传递给WebView，触发FB插件的上传逻辑
        filePathCallback.onReceiveValue(results);
        filePathCallback = null;
    }
}

额外注意事项 #

• 如果你用AndroidX开发，推荐改用registerForActivityResult替代已废弃的startActivityForResult，代码逻辑更严谨
• 先在普通浏览器里测试网页端的FB评论插件，确认“附加图片”功能本身正常，排除网页配置问题
• 如果遇到Uri权限报错，可以在获取Uri后添加临时权限：

getContentResolver().takePersistableUriPermission(imageUri, Intent.FLAG_GRANT_READ_URI_PERMISSION);

这样配置后，用户在WebView里点击FB评论插件的图片上传按钮时，就会唤起系统相册，选中图片后WebView会自动把图片传递给插件完成上传发布。

内容的提问来源于stack exchange，提问作者Duh Oliveira