如何直接使用Buffer作为图片上传至Instagram（无需写入文件再读取）

问题背景 #

我原本的实现是用Canvas生成图片Buffer后，先写入本地文件再读取上传到Instagram动态，但运行在无存储的服务器上时，文件写入操作会报错。想跳过中间的文件写入环节，直接把Buffer作为参数传给client.uploadPhoto接口。

原代码：

buffer = canvas.toBuffer("image/jpeg");
await fs.writeFileSync(id + ".jpeg", buffer);
(async() => {
  var { media } = await client.uploadPhoto({ photo: id + ".jpeg", caption: "", post: "feed" });
  console.log(`https://www.instagram.com/p/${media.code}/`);
})();

解决方案 #

绝大多数Instagram上传客户端库（比如常用的instagram-private-api）的uploadPhoto方法都支持直接传入Buffer对象，不用绕一圈写文件再读。你可以直接把Canvas生成的Buffer传给photo参数，同时优化一下异步代码的结构：

// 生成JPEG格式的图片Buffer
const buffer = canvas.toBuffer("image/jpeg");

try {
  // 直接将Buffer作为photo参数传入
  const { media } = await client.uploadPhoto({ 
    photo: buffer, 
    caption: "", 
    post: "feed" 
  });
  console.log(`上传成功：https://www.instagram.com/p/${media.code}/`);
} catch (err) {
  console.error("上传出错：", err);
}

额外说明 #

如果你的客户端库特殊，要求传入可读流而不是Buffer，也可以轻松把Buffer转换成流：

const { Readable } = require('stream');

const buffer = canvas.toBuffer("image/jpeg");
const photoStream = Readable.from(buffer);

try {
  const { media } = await client.uploadPhoto({ 
    photo: photoStream, 
    caption: "", 
    post: "feed" 
  });
  console.log(`上传成功：https://www.instagram.com/p/${media.code}/`);
} catch (err) {
  console.error("上传出错：", err);
}

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