Element上传图片问题
发布于 2 个月前 作者 ab8512 126 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

用了element ui中的上传功能。代码如下:

////////////////////////////////
handleAvatarSuccess:function(response, file){
let form =new FormData();
form.append(‘fileData’, file);
console.log(form)
axios.post(‘这里是地址’, form,{ headers:{‘Content-Type’:‘multipart/form-data’}})
.then(function(res){
console.log(res)
});
}
//////////////////////////////////
发现上传的这个file不是file类型的数据,所以图片并没有传到后台。那我用这个插件如何上传选中的图片呢?求指教。

3 回复

前端代码是这样的。开头少一个“<”,不知道为什么一加上就无法显示这段代码。大家帮忙看看。
el-upload :on-success=“handleAvatarSuccess”
:action=“uploadActionUrl” accept=“image/jpeg”
:before-upload=“onBeforeUpload” :show-file-list=“false”
:file-list=“files”>

仔细看文档撒,文档上有自定义上传覆盖原有上传的方法。

问题已经解决了。:smiley:

回到顶部