el-upload宽高自定义
时间: 2023-11-02 08:03:01 浏览: 86
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
5星 · 资源好评率100%
el-upload组件的宽高可以通过before-upload钩子函数来检验和限制,但是无法直接阻止上传事件。要自定义el-upload组件的宽高,可以在before-upload钩子函数中通过获取图片的宽高属性来进行判断和限制。具体的逻辑可以参考下面的代码示例:
```javascript
beforeUpload(file) {
return new Promise((resolve, reject) => {
const image = new Image();
image.onload = () => {
const width = image.width;
const height = image.height;
// 在这里可以对宽高进行自定义限制
if (width === 1280 && height === 720) {
resolve();
} else {
reject(new Error("图片尺寸不符合要求"));
}
};
image.onerror = () => {
reject(new Error("图片加载失败"));
};
image.src = URL.createObjectURL(file);
});
},
```
阅读全文