vue上传图片,根据elementUI官网上传组件:
<el-upload
action=""
:on-change="handleUpload"
:file-list="fileList"
:limit="1"
list-type="picture-card"
:auto-upload="false">
<i class="el-icon-plus"></i>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
//上传图片
handleUpload(file){
console.log(file)
let formData = new FormData()
formData.append("file", file.raw)
//请求后端
goods.upload(formData).then((res) => {
//console.log(res)
const respData = res.data;
if (respData.code === 0) {
this.goodsForm.goods_img = `http://localhost:8000/${respData.result.goods_img}`
console.log(this.goodsForm.goods_img);
this.$message.success(respData.message)
} else {
this.$message.error(respData.message)
}
})
},
注意file中的raw才是真实文件数据,如果直接用file而不是file.raw,那么会报错