首页 > 移动平台 > 详细

vue + axios 图片上传

时间:2020-03-18 21:59:01      阅读:53      评论:0      收藏:0      [点我收藏+]

上传多个图片时 发现 把 存储图片的 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 图片上传

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!