Node.js中如何将外部URL图片转换为Data URI？

一、修复你使用的data-uri包问题 #

你提到data-uri包返回的内容无法用JSON.parse解析，实际上这个包的encode方法回调返回的不是JSON字符串，而是一个包含转换结果的对象，直接访问对象的data_uri字段即可拿到最终的Data URI：

const data_uri = require('data-uri');
const url = 'https://static-00.iconduck.com/assets.00/npm-icon-512x512-qtfdrf37.png';

data_uri.encode(url, function(results) {
  const output = results.data_uri;
  res.send(output); // 直接使用转换后的Data URI
});

二、更可靠的原生+常用包实现方案 #

如果data-uri包仍有不稳定问题，推荐使用axios结合Node.js原生Buffer来实现，逻辑更透明可控：

1. 先安装依赖：

npm install axios

2. 实现转换函数：

const axios = require('axios');

async function convertToUri(imageUrl) {
  // 以arraybuffer格式请求图片二进制数据
  const response = await axios.get(imageUrl, { responseType: 'arraybuffer' });
  // 将二进制数据转成base64编码
  const base64Str = Buffer.from(response.data).toString('base64');
  // 从响应头获取图片的MIME类型
  const mimeType = response.headers['content-type'];
  // 拼接成标准的Data URI格式
  return `data:${mimeType};base64,${base64Str}`;
}

// 使用示例
const url = 'https://static-00.iconduck.com/assets.00/npm-icon-512x512-qtfdrf37.png';
convertToUri(url)
  .then(output => res.send(output))
  .catch(err => console.error('转换失败:', err));

说明： #

• 采用异步方式处理网络请求，符合Node.js的异步编程规范
• 通过响应头获取图片的MIME类型，保证Data URI的兼容性
• 直接操作二进制数据，转换过程清晰，便于排查问题

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