关于PHP后端 前端上传execl文件的坑

好久没写笔记了,来一波今天晚上遇到的坑===>>>关于我们后端给我的上传 execl文件接口 上传需要的参数 就这一个 但是有个很坑的问题是,

实例1

我们后端竟然自定义 参数名了,之前默认ken值是file 我们对接的也一直都是 file这个ken值,但是这次竟然 自定义 我去 我去 我去,妹的,因为自定义的关系 用 new FormData();(不太理解的可以去看一下官方解释 FormData)的时候 默认的 append就要 自定义第一个参数了,fordata.append("excel", fileObj, fileObj[0].name) ;那么一个致命的问题来了 我用PostMan是可以提交成功的 但是 用 vue 内嵌 的axios就一直是 上传的一个空文件 ,看到这个 返回值 我刚开始还以为自己写法有问题,然后就是 走向未知时间的 自检之路,但是我重新测试了2个小时,一直都是同一个返回,我崩溃了,然后我就看看网上有没有大神遇到这种奇葩问题,FormData()方法竟然失效了,找来找去基本都是一样,都是用 new 一个FormData()的实例 用append写入文件对象的,我又仔仔细细的看了一下官方的注释,果然 我想到了一个投机取巧的方法下面贴图

实例2


实际代码

实际的上传代码就这么多,提前声明 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);                    

});            

}        

})

你可能感兴趣的:(关于PHP后端 前端上传execl文件的坑)