vue上传图片组件formData发送file对象问题
因为本次图片要求比较完整,所以直接传原图给后台,根据返回路径进行展示,利用的input中的file,而给后台传的参数是file对象,遇到问题,实例化出来的formData对象传不过去,let formData = new FormData() // 创建form对象formData.append('file', file);this.oldFile = filesel...
·
因为本次图片要求比较完整,所以直接传原图给后台,根据返回路径进行展示,利用的
input中的file,而给后台传的参数是file对象,
遇到问题,实例化出来的formData对象传不过去,
let formData = new FormData() // 创建form对象
formData.append('file', file);
this.oldFile = file
self.instance.post('/insure/upload',formData)
发送请求中参数没有东西,原因是因为axios请求给拦截了,解决方法,给这个axios请求重新定义一个,在main.js注册一个单独的axios请求,请求头需要设置如下,并且用原型链实现继承,这样在页面中就可以正常的发送ajax请求了
var instance = axios.create({
baseURL:'',
timeout:5000,
headers:{"Content-Type":"multipart/form-data"}
});
Vue.prototype.axios = axios;
Vue.prototype.instance=instance;
更多推荐
已为社区贡献4条内容
所有评论(0)