html部分
<el-form-item label="封面大图">
<el-upload ref="avatar-uploader" class="upload-demo" action="http://localhost:3001/upload/" :httpRequest="uploadHttpDefault" :on-success="uploadSuccess" :show-file-list="false">
<img v-if="formData.cover_big" :src="formData.cover_big" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<div slot="tip" class="uploadTip">注:建议尺寸:650*220像素</div>
</el-upload>
</el-form-item>
js部分
// 封面大图上传回显
uploadSuccess (res, file) {
if (res.code === 200) {
// picUrl是显示的地址,pic是要回传的地址
// console.log(res.data.picUrl)
this.formData.cover_big = res.data.picUrl
// this.formData.pic = res.data.pic
} else {
this.$message.error(res.msg)
}
},
另一实用方法!