使用axios请求时,发送formData请求的示例

今天小编就为大家分享一篇使用axios请求时,发送formData请求的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近做的一个项目中有一个特例接口,传json后端接收不到,对接的后端又不愿意改接口,只能用formData方式传参,由于好多年没有用过formData,头痛了一会,找到了解决方法,发现非常简单,在此做个笔记!

 var formData = new FormData(); formData.append("username", "Groucho"); formData.append("accountnum", 123456); fetch('/users', { method: 'POST', body: formData })

对象转FormData对象

对于FormDat对象,像上面那种形式可以直接添加参数比较方便,但是对于对象或者嵌套对象:

 let userObj = {userName: 'xxx', age: '21'} formData.append('user', userObj)

如果已经有了一个对象,里边字段非常多的话,可以这样:

 let param {{name:"张三"},{aa:"222"}}
let formData = new FormData();
Object.keys(param).forEach(key => {
  formData.append(key, param[key]);
});

该问题方案解决方法来自于https://www.0133.cn/article/173081.htm

以上就是使用axios请求时,发送formData请求的示例的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程