因项目需要,上传图片前要验证图片的高宽,看了一下官方文档,before-upload可以返回false或者Promise,就通过promise实现了这个功能
js部分
原文地址 iview 上传图片宽高限制
detailBeforeUpload(file) { return this.checkImageWH(file, 706, 397); }
//checkImageWH 返回一个promise 检测通过返回resolve 失败返回reject组织图片上传
checkImageWH(file, width, height) {
let self =this;
return new Promise(function (resolve, reject) {
let filereader =new FileReader();
filereader.onload = e => {
let src = e.target.result;
const image =new Image();
image.onload =function () {
if (width &&this.width != width) {
self.$Notice.error({
title:'请上传宽为' + width +"的图片",
});
reject();
}else if (height &&this.height != height) {
self.$Notice.error({
title:'请上传高为' + height +"的图片",
});
reject();
}else {
resolve();
}
};
image.onerror = reject;
image.src = src;
};
filereader.readAsDataURL(file);
});
},
