javascript - 如果文件存在则更改图像源

Question

我有http://jsfiddle.net/rcebw/3/

重点是我将拥有大量这样的 inlinediv div。每个都有 2 个 div，一个包含图像，另一个包含链接。这些是从另一个网站上的子网站列表动态生成的。

我想要它做的是用inlinediv类检查每个div。获取 div iconLinkText 中链接的内部文本，并在站点中搜索具有该名称的文件。 (此测试为 http://www.mojopin.co.uk/images/。)如果存在，则将图像 src 更改为其。

我可能为此采取了完全错误的路线，但我似乎无法让它发挥作用。测试时甚至找不到 inlinediv div!说它是空的。

我对 jQuery 很陌生，但是有人有什么建议吗？ (我什至不知道我是否已经很好地解释了自己!)

Answer 1

您不必使用 AJAX 来执行此操作，因为您可以不受任何限制地热链接来自其他域的图像。以下是检查图像是否存在的方法:

function checkImage(src) {
  var img = new Image();
  img.onload = function() {
    // code to set the src on success
  };
  img.onerror = function() {
    // doesn't exist or error loading
  };

  img.src = src; // fires off loading of image
}

这是一个有效的实现 http://jsfiddle.net/jeeah/