Javascript检查图像在部署之前是否存在[重复]答案

【问题标题】：Javascript check images exist before deploying them [duplicate]Javascript检查图像在部署之前是否存在[重复]
【发布时间】：2012-10-18 20:54:14
【问题描述】：

可能重复：
How do I check if file exists in jQuery or Javascript?

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

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

我只需要在将有缺陷的图像放入列表（数组）之前检测到它们，我正在喂我的滑块。

【问题讨论】：

查看此链接：stackoverflow.com/questions/3646914/…

标签： javascript jquery image

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以使用 java 脚本函数并在每个 img 上使用 url 调用它。

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;
  };
}

【讨论】：