调用Buffer.from处理base64字符串返回Uint8Array，如何转为Buffer？

问题分析 #

你通过axios获取图片的ArrayBuffer后，转成Base64字符串再用Buffer.from()转换，得到的结果显示为Uint8Array类型。这是因为在Node.js中，Buffer本身就是Uint8Array的子类，部分调试工具会直接显示其底层类型，但它实际上具备Buffer的所有特性。如果需要确保得到标准的Buffer实例，可通过以下两种方式解决：

解决方案1：直接从ArrayBuffer创建Buffer（推荐） #

无需将ArrayBuffer转为Base64再反向转换，直接用Buffer.from()包装axios返回的ArrayBuffer即可：

const originalUrl = 'https://i.picsum.photos/id/621/200/300.jpg?hmac=GgxwZqdPsVQwlM2QhfHoLU8gZ7uo_PP6oD4KmIq-ino';
const response = await axios.get(originalUrl, { responseType: 'arraybuffer' });

// 直接将ArrayBuffer转换为Buffer
const imageBuffer = Buffer.from(response.data);

// 验证类型
console.log(imageBuffer instanceof Buffer); // Node.js环境下输出true

解决方案2：从Base64字符串转换（若必须用Base64） #

确保你使用的是Node.js环境（浏览器环境下没有原生Buffer，需引入polyfill），并传入正确的Base64字符串（注意去掉data:image/jpeg;base64,这类前缀）：

// 替换原base64Slice()方法，确保得到纯净的Base64字符串
const base64Str = response.data.toString('base64');

const buffer = Buffer.from(base64Str, 'base64');
console.log(buffer instanceof Buffer); // Node.js环境下输出true

补充说明 #

• 在Node.js中，Buffer instanceof Uint8Array会返回true，这是继承关系导致的，不影响Buffer专属方法（如toString()、write()等）的使用。
• 若在浏览器环境中需要模拟Buffer，可安装buffer包并引入：

  npm install buffer
  

  import { Buffer } from 'buffer';
  const buffer = Buffer.from(base64Str, 'base64');
  

内容的提问来源于stack exchange，提问作者Dashiell Rose Bark-Huss