好久没写笔记了，来一波今天晚上遇到的坑===>>>关于我们后端给我的上传 execl文件接口 上传需要的参数 就这一个 但是有个很坑的问题是，
我们后端竟然自定义 参数名了，之前默认ken值是file 我们对接的也一直都是 file这个ken值，但是这次竟然 自定义 我去 我去 我去，妹的，因为自定义的关系 用 new FormData();（不太理解的可以去看一下官方解释 FormData）的时候 默认的 append就要 自定义第一个参数了，fordata.append("excel", fileObj, fileObj[0].name) ;那么一个致命的问题来了 我用PostMan是可以提交成功的 但是 用 vue 内嵌 的axios就一直是 上传的一个空文件 ，看到这个 返回值 我刚开始还以为自己写法有问题，然后就是 走向未知时间的 自检之路，但是我重新测试了2个小时，一直都是同一个返回，我崩溃了，然后我就看看网上有没有大神遇到这种奇葩问题，FormData()方法竟然失效了，找来找去基本都是一样，都是用 new 一个FormData()的实例 用append写入文件对象的，我又仔仔细细的看了一下官方的注释，果然 我想到了一个投机取巧的方法下面贴图
实际的上传代码就这么多，提前声明 headers 因为请求的 协议头的 请求参数类型 Content-Type 是 multipart/form-data 这个要提前声明然后就是 用 js代码creat一个 file类型的 input 文件选择框，之后 拿到文件类型就在 input的实例 files 字段里面，之后就是 核心 请求后端之前 需要提前把 请求参数 转义为 ForData对象 但是我一直就卡在这里，然后我就是 多添加转义了一次Blob(Blol的官方文档)对象才成功提交成功了，原因我也不太请求 官方说的是 (FormData对象的字段类型可以是 Blob, File, 或者 string: 如果它的字段类型不是Blob也不是File，则会被转换成字符串类)。 我感觉问题就出在这里，如果直接上传用ForData文件，浏览器默认解析为字符串 因为之前 的结果就是上传的是一个空对象，那么 我强制转义为Blob对象 然后在转义 为file 作为 FormData 这样才会被浏览器 上传的是一个文件，对应的key值也是 自定义的ken了
下面贴的是代码
$(".ss").click(() => {
var requestConfig = {
headers: {
"Content-Type": "multipart/form-data",
}
};
var input = document.createElement("input");
input.type = "file";
input.click(); var fileObj = {}
input.onchange = function (res) {
// _this.subFiles(input.files);
fileObj = input.files
console.log('输出测试的内容:', fileObj);
var fordata = new FormData(); // FormData 对象
var blob = new Blob([fileObj[0]]);
fordata.append("excel", blob, fileObj[0].name)
var url = ""
axios.post(url, fordata, requestConfig).then(function (res) {
console.log("输出测试的内容:", res.data);
}).catch(function (error) {
console.log("失败信息:", error);
});
}
})
