FormData文件上传问题

通过FormData，进行文件上传。

如果直接就是一个FormData了，那么直接用ajax发出去就行了，不用做任何处理：

let form = document.querySelector("form"),
    formData = new FormData(form),
formData.append("fileName", "a.png");

let xhr = new XMLHttpRequest();
//假设上传文件的接口叫upload
xhr.open("POST", "/upload");
xhr.send(formData);复制代码

我在项目中使用jQuery的ajax当时进行FormData的传递，遇到了以下问题

最终发现，需要设置两个参数processData和contentType为false,因为jQuery会自动对一些数据进行转义， 并且根据data自动设置请求mime类型，设置这两个参数可以使jQuery不对数据进行处理。

$.ajax({
    url: "/upload",
    type: "POST",
    data: formData,
    processData: false,  // 不处理数据
    contentType: false   // 不设置内容类型
});复制代码

这样就能成功地实现文件上传功能了。

参考自： 前端本地文件操作与上传