<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:file-list="fileList"
list-type="picture"
:http-request="upload"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
methods:{
upload(item) {
let _this = this;
let formData = new FormData();
formData.append("File", item.file);
axios.post("host/Upload/UploadImage", formData).then(
res => {
if(res.code ===0){
this.img = res.data.url
console.log(res.data.url)
}
},
res => {
layer.msg("上传错误,请重新上传")
}
);
},
}
:http-request="upload" 覆盖默认的上传行为,可以自定义上传的实现
上传之前未做图片验证,压缩服务