vue+elementui 怎么判断图片尺寸
时间: 2023-11-27 16:51:03 浏览: 66
判知图片的大小
可以使用JavaScript中的Image对象来加载图片,并通过获取Image对象的width和height属性值来判断图片尺寸。具体实现步骤如下:
1. 创建一个Image对象,使用它的src属性加载图片。
```javascript
let img = new Image();
img.src = '图片地址';
```
2. 在Image对象的onload事件中获取图片的尺寸。
```javascript
img.onload = function () {
console.log('图片宽度:' + this.width);
console.log('图片高度:' + this.height);
};
```
完整的代码示例:
```javascript
let img = new Image();
img.src = '图片地址';
img.onload = function () {
console.log('图片宽度:' + this.width);
console.log('图片高度:' + this.height);
};
```
可以将上述代码封装成一个函数,供需要判断图片尺寸的地方调用。
阅读全文