vue上传图片组件formData发送file对象问题

因为本次图片要求比较完整,所以直接传原图给后台,根据返回路径进行展示,利用的

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;

猜你喜欢

转载自blog.csdn.net/WwangXue/article/details/84790850
今日推荐