利用JS判断web服务器上图片,文件是否存在的几种方法
时间: 2023-12-05 16:03:53 浏览: 163
js判断图片是否存在
3星 · 编辑精心推荐
有以下几种方法可以利用JS判断web服务器上图片、文件是否存在:
1. 利用Image对象的onload和onerror事件判断图片是否存在。代码示例:
```
var img = new Image();
img.src = "http://example.com/image.jpg";
img.onload = function() {
console.log("Image exists");
};
img.onerror = function() {
console.log("Image does not exist");
};
```
2. 利用XMLHttpRequest对象的HEAD方法判断文件是否存在。代码示例:
```
var xhr = new XMLHttpRequest();
xhr.open('HEAD', 'http://example.com/file.txt', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
console.log("File exists");
} else {
console.log("File does not exist");
}
}
};
xhr.send();
```
3. 利用jQuery的ajax方法判断文件是否存在。代码示例:
```
$.ajax({
url: 'http://example.com/file.txt',
type: 'HEAD',
success: function() {
console.log("File exists");
},
error: function() {
console.log("File does not exist");
}
});
```
这些方法都可以用于判断web服务器上的图片、文件是否存在,选择其中一种即可。
阅读全文