使用Selenium Java获取Blob图片转Base64遇Fetch失败求助

问题诊断 #

你遇到的Failed to fetch错误核心原因有两个：

1. 异步代码未正确处理：Selenium的executeScript不支持直接解析带await的异步逻辑，直接执行会返回Promise对象而非最终结果，导致后续流程出错。
2. Blob URL的会话限制：Blob URL仅在创建它的浏览器会话和页面上下文中有效，若执行JS的上下文与Blob创建上下文不一致，会触发fetch失败。

解决方案 #

方案1：使用executeAsyncScript处理异步逻辑 #

Selenium的executeAsyncScript专门用于执行异步代码，会自动等待Promise完成，并通过回调返回结果。修改Java代码如下：

String blobBase64 = "";
if (driver instanceof JavascriptExecutor) {
    JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;
    // 用executeAsyncScript处理异步逻辑，传入Blob URL和回调函数
    blobBase64 = (String) jsExecutor.executeAsyncScript("""
        const blobUrl = arguments[0];
        const callback = arguments[1];
        fetch(blobUrl)
            .then(response => response.blob())
            .then(blob => {
                const reader = new FileReader();
                reader.onloadend = () => {
                    // 去掉data:image/xxx;base64,前缀，只保留纯Base64内容
                    callback(reader.result.split(',')[1]);
                };
                reader.readAsDataURL(blob);
            })
            .catch(error => {
                console.error('处理Blob失败:', error);
                callback(null);
            });
    """, baseUrl);

    System.out.println(blobBase64);
}

方案2：优化JS逻辑（规避大文件性能问题） #

原JS代码用btoa处理大文件时可能出现性能瓶颈，改用FileReader的readAsDataURL方法更可靠，且直接生成带格式前缀的Base64字符串，可按需剥离前缀。

关键注意事项 #

• 确保baseUrl对应的Blob URL是当前页面会话生成的，不要复用其他会话的Blob URL。
• 使用RemoteWebDriver时，需保证浏览器会话全程一致，不要跨会话传递Blob URL。
• 若页面有Content Security Policy (CSP) 限制，需确认fetch Blob URL的操作被允许（Blob URL一般不受CSP限制，特殊配置除外）。

内容的提问来源于stack exchange，提问作者Vineet Chaudhary