js判断在线图片是否存在
时间: 2023-12-21 11:06:54 浏览: 25
你可以使用JS中的Image对象来判断在线图片是否存在。代码示例如下:
```
function checkImageExists(imageUrl) {
var img = new Image();
img.src = imageUrl;
if (img.complete) {
return true;
}
return false;
}
// 使用方法
if (checkImageExists('https://www.example.com/image.png')) {
console.log('图片存在');
} else {
console.log('图片不存在');
}
```
相关问题
vue判断在线图片是否存在
可以使用JS的Image对象来判断在线图片是否存在。代码如下:
```javascript
function checkImgExists(imgUrl) {
var img = new Image();
img.onload = function() {
console.log('图片存在');
};
img.onerror = function() {
console.log('图片不存在');
};
img.src = imgUrl;
}
```
其中,imgUrl是需要检测的图片地址。当图片存在时,会触发onload事件;当图片不存在或加载失败时,会触发onerror事件。
js--判断图片资源是否存在
在 JavaScript 中,可以使用 `Image` 对象来判断图片资源是否存在。具体做法如下:
1. 创建一个 `Image` 对象。
```
const img = new Image();
```
2. 给 `Image` 对象设置 `src` 属性,并监听 `load` 和 `error` 事件。
```
img.src = '图片路径';
img.onload = function() {
console.log('图片存在');
};
img.onerror = function() {
console.log('图片不存在');
};
```
3. 判断图片资源是否存在。
如果图片资源存在,`onload` 事件会被触发,如果图片资源不存在,`onerror` 事件会被触发。
完整的代码如下:
```
const img = new Image();
img.src = '图片路径';
img.onload = function() {
console.log('图片存在');
};
img.onerror = function() {
console.log('图片不存在');
};
```