JavaScript检查服务器上是否存在文件

当我们的网站需要访问服务器上存储的文件时，我们通常需要先检查文件是否存在，以便避免错误和浪费时间。 本文将介绍如何使用JavaScript来检查文件是否存在于服务器上。

XMLHttpRequest

XMLHttpRequest是JavaScript内置的对象之一，用于与服务器进行异步通信。我们可以使用它来检查文件是否存在于服务器上。下面是一个简单的例子：

var xhr = new XMLHttpRequest();
xhr.open('HEAD', '/path/to/file', true);
xhr.onload = function() {
    if (xhr.status == 404) {
        console.log('File not found');
    } else {
        console.log('File found');
    }
};
xhr.send();

解释一下上面的代码。首先，我们创建了一个XMLHttpRequest对象，并使用open方法指定我们要检查的文件的路径。然后，我们使用onload属性指定了一个回调函数。当服务器响应我们的请求时，这个回调函数将被调用。在这个回调函数中，我们检查服务器的响应状态码。如果状态码为404，则文件不存在于服务器上；否则，文件存在。

fetch

除了XMLHttpRequest，还可以使用ES6的fetch API来检查文件。使用fetch要比使用XMLHttpRequest更简洁，如下所示：

fetch('/path/to/file')
    .then(response => {
        if (!response.ok) {
            console.log('File not found');
        } else {
            console.log('File found');
        }
    })
    .catch(error => {
        console.log(error);
    });

这里使用fetch向指定路径发送请求，并使用.then和.catch处理异步响应。如果响应status为404，则文件不存在于服务器上。

结语

以上两种方法都可以用JavaScript检查服务器上是否存在文件。使用哪种方法取决于你的喜好和代码结构。需要注意的是，这两种方法都是异步执行的，因此必须等待服务器响应后才能确定文件是否存在。