最近在做一个项目，有需要在node端进行上传图片，一直搞得都是浏览器的上传，node端这次是头一次搞，踩了不少坑，前后花了好几个小时的时间。现在把一些遇到得一些问题和心得记录下来。

node能用formdata吗？

实现这个功能首先会想到node端用什么来封装上传的数据，后来确定了是可以用formdata的，需要安装一个npm包就可以。

而且官方也给了一些参考的代码，【坑就在这里】。

然后发起http请求我这里用的是node-fetch，其实还有其他的包都是可以用的，这个看自己喜好。

当我拿过来官方的代码配合node-fetch调试的时候，发现图片的内容始终是无法发送过去，官方参考代码如下：

是不是很简单，特别简单。

开始我在想这个代码 fs.createReadStream('/foo/bar.jpg')

肯定是formdata内部给处理了，拿到了图片的数据。

尝试了多种方式拿到图片的数据，也在网上找了很多方法，但是都不对。

后来我就放弃了。。。。

回家的路上研究了下图片上传的原理，也就是formdata的原理，其实这个就是http协议的部分，数据已字节流的形式发送。

我们应该做的就是把图片的内容转成字节流就可以了，又看了下字节流，怎么转。网上找了很多资料，代码也有，拿过来就是错误的。

后来自己还是给写出来了，通过手动把图片的内容读取出来，然后转成字节流就可以了。

具体代码贴上：

fs.readFile('tempimg/content-47713122-0.png', function (err, data) {
    if (err) {
        // 错误处理
        return;
    }
   //data 本身就是字节流了，所以不需要做任何转换
    fs.writeFileSync('copy.jpg', data); // 字节流保存为图片,测试看图片能否打开
    let form = new formData();
    form.append('pic', data);
    console.log(form);
    fetch('http://upload.test.com/upload.php', {
        body: form,
        method: 'POST',
        headers: form.getHeaders()
    }).then(res => {
        return res.json();
    }).then(data => {
        console.log(data);
    })
});

这个代码绝对可以运行。当前需要引入fs模块，安装fromdata模块。

总结

问题不能快速的解决，是因为不懂原理，而且长时间么有结果，会让自己脑子变的混乱，这个时候就应该歇歇了，做点别的。为什么我网查的代码都是错误的，看着对，运行就错，是我人品有问题吗？

本次只是解决了问题，但是背后的机制并没有完全搞明白，还是要继续学习啊。时间紧迫，就写到这里，希望可以引起共鸣。