码迷,mamicode.com
首页 > 移动开发 > 详细

vue + axios 图片上传

时间:2020-03-18 21:45:19      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:files   类型   end   multipart   class   let   添加   报错   请求头   

上传多个图片时 发现 把 存储图片的 fromData 放进数组中 传到后台时 后台接收不到文件 传入的值为 null

显示传入的类型不是  multipart/form-data 类型的

后台报的错误说这不是一个 multipart文件

尝试了在请求头 添加 "Content-Type": "multipart/form-data"之后 后台报错没有  boundary 

 

尝试各种方法后 我把 存有图片的fromData 对象 作为参数 传到后台时 上传成功

上传类型 为 multipart/form-data ;boundary=xxxxxx 

上传多个图片时 把多个图片 存入一个formData 对象 传递 就可以上传成功

定义一个 let fromData = new FromData() 对象

使用 formdata 对象的方法 append 添加图片文件  

图片文件为拿到的 files 对象 中的 files.file 或 files.raw

from.append(‘file‘,file.raw)

将这个fromdata 作为参数内容传到后台 我的显示可以上传成功 

 

vue + axios 图片上传

标签:files   类型   end   multipart   class   let   添加   报错   请求头   

原文地址:https://www.cnblogs.com/x-h-l/p/12520467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!