javascript - Javascript 在部署之前检查图像是否存在

Question

可能重复：
如何检查 jQuery 或 Javascript 中是否存在文件？

我正在从 XML 文件构建这个动态滑块。滑块从 Target 的服务器加载图像。不幸的是，并非 xml 上的所有图像都存在于服务器上，我想避免空白幻灯片（一旦获得列表，我将图像作为背景图像放置在每张幻灯片上）。

有没有办法（使用javascript）在我费心填充我的滑块之前检查这些图像不是404？我不能做 ajax，因为它们在我无法访问或控制的另一台服务器上。

我只需要在将错误图像放入列表（数组）之前检测到错误图像，我就可以输入我的滑块。

Answer 1

您可以使用 java 脚本函数并使用 url 在每个 img 上调用它来执行此操作。

function checkImage(src) {
  var img = new Image();
  img.onload = function() {
    console.log("Image is good");
    img.src = src; //
    return true;
  };
  img.onerror = function() {
    console.log("Image is bad");
    return false;
  };
}

Answer 2

你可以做的是计算图像的数量，连接 onload 事件，加载 using JS 并计算成功。超时后，假设他们失败了。