vue element-ui 自定义规则 限制图片上传尺寸
效果:
data() {
let checkImageSize = (rule, value, callback) => {
const img = new Image();
img.src = value;
if (img.width !== 750 && img.height !== 650) {
callback(new Error('请放入尺寸:750px * 650px的图片'))
} else {
callback()
}
}
return {
// 表单规则
rules: {
productImage: [
{validator: checkImageSize, trigger: 'blur'},
{required: true, message: '请上传图片', trigger: 'blur'}
],
}
}
}