javascript - 使用服务器端 Javascript 检查 Web 服务器上的文件是否存在

Question

我在 Web 服务器上使用 JavaScript 生成 HTML 代码，HTML 包含一个对象，该对象具有 ID“ImageID”和一个指向“Picture1.jpg”的 src 参数。

我想每 5 秒刷新一次网页，并使用 Javascript 生成一个新的文件路径，使用递增的数字表示“Picture2.jpg”或“Picture3.jpg”，但我想使用 Javascript 来检查是否有这样的文件在尝试使用刷新 img 对象之前服务器上存在新文件名

document.getElementById("ImageID").src="Picture2.jpg";  

如何使用服务器端 JavaScript 来测试特定服务器端文件的存在？

这些是简单的 FileExists() 方法还是必须以某种方式查询 document.getElementById(ImageName) 返回的对象以确定它是否成功找到文件。

谢谢大家

Answer 1

您可以使用 XMLHttpRequest 请求检查文件是否存在于同一服务器上，并检查响应代码是否为 200，即:

<script>
    var http = new XMLHttpRequest();
    http.open('HEAD', "https://yourserver/file.jpg", false);
    http.send();
    console.log(http.status);
</script>

---

注意:如果 cors，则不能使用 XMLHttpRequest 查询远程服务器没有设置