如何在NodeJS中创建视频URL Blob？代码运行报错该如何解决

问题根因 #

你当前使用的是浏览器端的XMLHttpRequest+FileReader实现逻辑，直接搬到Node.js环境运行会因为API实现差异触发报错，具体原因有两个：

1. Node.js第三方包实现的FileReader仅支持接收File/Blob类型参数，你配置了xhr.responseType = 'blob'，但Node.js端的XMLHttpRequest polyfill没有正确返回Blob类型的response，导致xhr.response为undefined，传入readAsDataURL时就触发了你看到的cannot read as File: undefined报错。
2. 原有逻辑存在多余的转换流程：如果已经拿到Blob不需要再转DataURL再转回Uint8Array重新生成Blob，多余的转换步骤也会提升报错概率。

正确Node.js实现方案 #

依赖准备 #

需要安装以下兼容的polyfill依赖，不要混用多个不同的API polyfill包，避免出现类型不兼容问题：

• xhr2：Node.js端稳定的XMLHttpRequest polyfill
• blob-polyfill：Node.js端兼容的Blob实现
• url：Node.js内置模块，无需额外安装

可用代码示例 #

// 按顺序引入依赖
const XMLHttpRequest = require('xhr2');
const { Blob } = require('blob-polyfill');
const { URL } = require('url');

const xhr = new XMLHttpRequest();
// 直接请求arraybuffer类型，省略多余的转换流程
xhr.responseType = 'arraybuffer';

xhr.onload = function() {
  if (xhr.status !== 200) {
    console.error('视频请求失败，状态码：', xhr.status);
    return;
  }
  // 直接用arraybuffer生成Blob
  const blob = new Blob([xhr.response], { type: 'video/ogg' });
  const url = URL.createObjectURL(blob);
  console.log('生成的Blob URL：', url);
};

xhr.onerror = function(err) {
  console.error('请求出错：', err);
};

xhr.open(
  'GET',
  '替换为你的实际视频地址'
);
xhr.send();

注意事项 #

• Node.js环境下生成的blob:协议URL仅能在当前Node.js进程上下文使用，无法直接放到浏览器或其他进程访问，如果需要跨环境使用可以把Blob转成Buffer写入本地文件，或者转成Base64格式传递。
• 如果视频资源存在跨域限制，需要在请求头中配置对应的CORS凭证，或者通过代理请求资源。

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