概述
一般我们在用element-ui上传功能时,有个action属性填写上传图片地址,然后就能运用提供的各种钩子函数处理成功,失败等情况,但有时上传图片发请求时可能要做些特殊处理,比如跨域、特殊参数等,这是就要用到http-request这个方法了
用法
1.首先要用任意字符覆盖action属性
class="image-upload-pic"
ref="upload"
action="fakeaction"
:show-file-list="false"
:http-request="uploadSectionFile"
>
2.用自己方法覆盖默认上传行为
3.根据请求返回的code就能处理各种情况,不需要利用默认钩子函数
methods:{
uploadSectionFile(params) {
const file = params.file,
fileType = file.type,
isImage = fileType.indexOf("image") != -1,
isLt2M = file.size / 1024 / 1024 < 2;
// 这里常规检验,看项目需求而定
if (!isImage) {
this.$message.error("只能上传图片格式png、jpg、gif!");