Android Studio中WebView应用启用图片上传功能求助

1. 配置必要权限 #

在AndroidManifest.xml中添加文件访问权限：

<!-- Android 13及以上版本 -->
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
<!-- Android 12及以下版本 -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" android:maxSdkVersion="32" />

2. 初始化WebView并开启核心设置 #

确保WebView启用WordPress上传依赖的基础功能：

WebView webView = findViewById(R.id.webview);
WebSettings webSettings = webView.getSettings();

// 启用JavaScript（WordPress上传逻辑依赖JS）
webSettings.setJavaScriptEnabled(true);
// 允许WebView访问本地文件
webSettings.setAllowFileAccess(true);
// 启用DOM存储（保存上传会话状态）
webSettings.setDomStorageEnabled(true);
// 允许混合内容（适配部分WordPress站点的HTTPS/HTTP资源混合场景）
webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

3. 重写WebChromeClient处理文件选择请求 #

核心是拦截WebView的文件上传触发事件，调用系统图库并处理返回结果：

首先定义ActivityResultLauncher处理图库返回：

private ActivityResultLauncher<Intent> galleryLauncher;
private MyWebChromeClient webChromeClient;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // 初始化图库启动器，处理选择结果
    galleryLauncher = registerForActivityResult(new ActivityResultContracts.StartActivityForResult(), result -> {
        if (result.getResultCode() == RESULT_OK && result.getData() != null) {
            Uri selectedImageUri = result.getData().getData();
            // 将选中的图片Uri传递回WebView
            if (webChromeClient != null && webChromeClient.getFilePathCallback() != null) {
                webChromeClient.getFilePathCallback().onReceiveValue(new Uri[]{selectedImageUri});
                webChromeClient.setFilePathCallback(null);
            }
        } else {
            // 用户取消选择，通知WebView终止上传流程
            if (webChromeClient != null && webChromeClient.getFilePathCallback() != null) {
                webChromeClient.getFilePathCallback().onReceiveValue(null);
                webChromeClient.setFilePathCallback(null);
            }
        }
    });

    // 初始化自定义WebChromeClient并绑定到WebView
    webChromeClient = new MyWebChromeClient();
    webView.setWebChromeClient(webChromeClient);
    // 加载你的WordPress站点链接
    webView.loadUrl("https://your-wordpress-site.com");
}

// 自定义WebChromeClient，处理文件选择逻辑
private class MyWebChromeClient extends WebChromeClient {
    private ValueCallback<Uri[]> filePathCallback;

    @Override
    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
        // 检查权限，无权限则先申请
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
            checkAndRequestPermission(new String[]{Manifest.permission.READ_MEDIA_IMAGES}, filePathCallback);
        } else {
            checkAndRequestPermission(new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, filePathCallback);
        }
        this.filePathCallback = filePathCallback;
        return true;
    }

    private void checkAndRequestPermission(String[] permissions, ValueCallback<Uri[]> callback) {
        if (ContextCompat.checkSelfPermission(MainActivity.this, permissions[0]) != PackageManager.PERMISSION_GRANTED) {
            registerForActivityResult(new ActivityResultContracts.RequestMultiplePermissions(), permissionResults -> {
                boolean hasPermission = permissionResults.getOrDefault(permissions[0], false);
                if (hasPermission) {
                    openGallery();
                } else {
                    // 权限被拒绝，通知WebView取消上传
                    callback.onReceiveValue(null);
                }
            }).launch(permissions);
        } else {
            openGallery();
        }
    }

    private void openGallery() {
        Intent galleryIntent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
        galleryIntent.setType("image/*");
        galleryLauncher.launch(galleryIntent);
    }

    public ValueCallback<Uri[]> getFilePathCallback() {
        return filePathCallback;
    }

    public void setFilePathCallback(ValueCallback<Uri[]> filePathCallback) {
        this.filePathCallback = filePathCallback;
    }
}

4. 额外优化点 #

• 若需支持多图上传，修改openGallery()方法中的Intent：

  Intent galleryIntent = new Intent(Intent.ACTION_GET_CONTENT);
  galleryIntent.setType("image/*");
  galleryIntent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true);
  

• 确认WordPress后台未限制文件上传的大小、格式；
• 测试时覆盖Android 6.0+的动态权限逻辑，以及Android 13的媒体权限差异。

内容的提问来源于stack exchange，提问作者Tayyba Rani