const isImage = file.type.includes("image");
if (!isImage) {
this.$message.error("上传文件类型必须是图片!");
return false
}
var testmsg = /^image\/(jpeg|png|jpg)$/.test(file.type);
if (testmsg) {
let _this = this;
let imgWidth = "";
let imgHight = "";
const isSize = new Promise(function(resolve, reject) {
let width = 106;
let height = 58;
let _URL = window.URL || window.webkitURL;
let img = new Image();
img.onload = function() {
imgWidth = img.width;
imgHight = img.height;
let valid = img.width == width && img.height == height;
console.log(img.width, img.height);
valid ? resolve() : reject();
}
img.src = _URL.createObjectURL(file);
console.log(img.src);
}).then(() => {
return file;
console.log("111");
}, () => {
_this.$message.warning({
message: '上传文件的图片大小不合符标准,宽需要为106px,高需要为58px。当前上传图片的宽高分别为:' + imgWidth + 'px和' + imgHight + 'px',
btn: false
});
return Promise.reject();
// return false;
});
console.log(isSize);
return isSize;
} else {
return true;
}
vue中判断上传图片大小是否符合
最新推荐文章于 2023-06-01 11:35:17 发布