利用JS判断图片,文件是否存在的几种方法
时间: 2023-12-05 16:02:59 浏览: 94
有以下几种方法可以用JS判断图片、文件是否存在:
1. 使用XMLHttpRequest对象发送HEAD请求,判断返回的状态码是否为200。示例代码如下:
```
function checkFileExists(url) {
var http = new XMLHttpRequest();
http.open('HEAD', url, false);
http.send();
return http.status !== 404;
}
```
2. 使用Image对象加载图片,判断其onload和onerror事件是否触发。示例代码如下:
```
function checkImageExists(url) {
var img = new Image();
img.onload = function() {
return true;
};
img.onerror = function() {
return false;
};
img.src = url;
}
```
3. 使用fetch方法发送HEAD请求,判断返回的状态码是否为200。示例代码如下:
```
function checkFileExists(url) {
return fetch(url, {
method: 'HEAD'
})
.then(function(response) {
return response.status !== 404;
});
}
```
需要注意的是,以上方法都是通过发起请求来判断文件是否存在,因此会有一定的网络开销。如果是判断本地文件是否存在,可以使用File API来实现。
阅读全文