使用formdata同时上传图片和数据
因业务要求表单数据和图片要求同时上传, 所以使用formdata来上传数据
遇到的坑
- form表单不能嵌套
开始没注意, 修改别人的代码时没发现已经有form表单了, 自己再新建form的时候就嵌套了, 导致formdata无法获取到表单的数据
- formdata可以append额外的参数进去
需要以键值的形式
formdata.append('key' , value)
- formdata的打印
- 直接consoleformdata是空的对象, 如果需要查看, 用for of遍历
for(var [key, value] of formdata.entries()){
console.log(key, value);
}
- 也可以使用逐个打印的方法
var i = formData.entries();
i.next(); // {done:false, value:["k1", "v1"]}
i.next(); // {done:fase, value:["k1", "v2"]}
i.next(); // {done:fase, value:["k2", "v1"]}
i.next(); // {done:true, value:undefined}
- 在fetch中使用formdata
在fetch中直接使用formdata会报错
fetch(url, {
type: 'post',
credentials: 'include', // 重要
head: { }, // 重要
body: formdata
}).then(res => return res.json()).then(result => console.log(result))
