JavaScript通过图片链接判断他分辨率
时间: 2023-09-16 20:07:44 浏览: 53
在JavaScript中,你可以通过创建一个新的`Image`对象并使用其`onload`事件来判断图片的分辨率。以下是一个示例代码:
```javascript
// 图片链接
const imageUrl = "https://example.com/image.jpg";
// 创建一个新的Image对象
const img = new Image();
// 设置图片的src属性为指定的链接
img.src = imageUrl;
// 当图片加载完成时执行的回调函数
img.onload = function() {
// 获取图片的宽度和高度
const width = this.width;
const height = this.height;
// 检查分辨率是否为1920 x 1080
if (width === 1920 && height === 1080) {
console.log("图片分辨率为1920 x 1080");
} else {
console.log("图片分辨率不是1920 x 1080");
}
};
```
这段代码创建了一个新的`Image`对象,并将其`src`属性设置为指定的图片链接。然后,当图片加载完成时,会执行`onload`事件的回调函数。在回调函数中,可以获取图片的宽度和高度,并与1920和1080进行比较来判断分辨率是否为1920 x 1080。
请注意,由于图片加载是异步的过程,因此需要在`onload`事件中进行判断,以确保在获取到正确的宽度和高度之后再进行比较。
相关推荐
![iso](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/octet-stream](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)