JavaScript/jQuery 检查损坏的链接

Question

我开发了一个小型 Javascript/jQuery 程序来访问一组供内部使用的 pdf 文件。如果文件确实存在，我想突出显示 pdf 文件的信息部分。

有没有办法以编程方式确定文件链接是否已损坏？如果是，怎么做？

任何指南或建议都是适当的。

Answer 1

如果文件在同一个域中，那么您可以使用 AJAX 来测试它们是否存在 Alex Sexton说; 但是，您不应该使用 GET 方法，只需使用 HEAD 然后检查 HTTP 状态以获得预期值(200，或小于400).

这是 related question 提供的一个简单方法:

function urlExists(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      callback(xhr.status < 400);
    }
  };
  xhr.open('HEAD', url);
  xhr.send();
}

urlExists(someUrl, function(exists) {
    console.log('"%s" exists?', someUrl, exists);
});