前端通过FormData上传文件/图片到后端，前后端nodejs解析

最近需要实现将图片从前端上传到后端，了解到了FormData类。使用过程中遇到了不少问题，都在此记录一下。

FormData

首先，对formdata的使用详见这篇文章

https://segmentfault.com/a/1190000006716454

ajax上传数据

很多博文中用的方法如下：

$.ajax({
    type: "POST",
    url: '/dev/edit/details',
    data: formdata,
    processData: false,           // jQuery不要去处理发送的数据
    contentType: false,          // jQuery不要去设置Content-Type请求头
    complete: function (res) {}
    }）

用这种方法传递到后端（我用的nodejs），request的body都是空的，找了很多方法，记录如下：

后端nodejs

1. “Content-Type"设置为"application/x-www-form-urlencoded”
   使用这种方法，req.body虽然不为空，但是变得很复杂，需要进一步的解析。

2. 不改变contentType，使用multiparty中间件 。
使用方法详见这篇文章

https://blog.youkuaiyun.com/y5946/article/details/89605151

这种方法导致的结果如这篇文章末尾所示，字段中多了很多中括号。

3.第三种方法，使用multer中间件解析
使用方法详见这篇文章：

https://www.cnblogs.com/zhouyingying/p/11330484.html

这种方法解析出来的就是正常的格式。