Question

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

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

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

我只需要在将它们放入列表（数组）之前检测出错误的图像。我正在给我的滑块供电。

Answer 1

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

Answer 2

您可以使用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;
  };
}

在部署它们之前存在Javascript检查图像

2 个答案: