Node.js中下载blob链接文件遇协议错误，求可行解决方法

Blob URL（格式如blob:https://someUrl/uuid）是浏览器为内存中的Blob/File对象生成的本地引用，不属于HTTP(S)协议范畴，所以直接用基于HTTP的请求库（如request、axios）或非浏览器环境的fetch会抛出协议不支持的错误。以下是不同场景的可行解决方法：

浏览器环境下直接下载 #

方法1：通过Fetch获取Blob并触发下载 #

浏览器原生Fetch支持Blob协议，可先获取Blob对象，再通过创建a标签触发下载：

async function downloadBlobPdf(blobUrl) {
  try {
    const res = await fetch(blobUrl);
    const blob = await res.blob();
    // 创建临时下载链接
    const downloadLink = document.createElement('a');
    const objectUrl = window.URL.createObjectURL(blob);
    downloadLink.href = objectUrl;
    downloadLink.download = 'generated.pdf';
    document.body.appendChild(downloadLink);
    downloadLink.click();
    // 清理临时资源
    window.URL.revokeObjectURL(objectUrl);
    document.body.removeChild(downloadLink);
  } catch (err) {
    console.error('下载失败:', err);
  }
}

// 调用示例
downloadBlobPdf('blob:https//someUrl/uuid');

方法2：直接利用原始Blob对象（若可获取） #

如果生成该Blob URL的逻辑在你的控制范围内，直接用原始Blob对象创建下载链接会更高效，无需额外Fetch请求：

// 假设你已持有生成好的PDF Blob对象
const pdfBlob = new Blob([pdfRawData], { type: 'application/pdf' });
const downloadLink = document.createElement('a');
const objectUrl = window.URL.createObjectURL(pdfBlob);
downloadLink.href = objectUrl;
downloadLink.download = 'generated.pdf';
downloadLink.click();
window.URL.revokeObjectURL(objectUrl);

Node.js环境下的处理思路 #

Node.js无法识别浏览器生成的Blob URL，需通过以下方式间接处理：

• 若Blob资源来自浏览器，可在浏览器端将Blob转成Base64编码，再传输到Node.js端解码保存为PDF文件；
• 或在浏览器端直接将Blob上传到服务器，Node.js端接收后保存。

注意：Blob URL的生命周期与创建它的浏览器页面会话绑定，页面刷新或关闭后URL会立即失效，必须在同一会话内完成下载操作。

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