如果可用，JavaScript将持续加载图像

在JavaScript中是否可能有一个循环来检查图像是否可用，如果可用，则将img标记的SRC更改为匹配？循环将有一个计数器，因此第一次运行时，它将查找image1.png和image2.png，依此类推

我想让它在image1.png可用后加载，然后检查image2.png是否可用，一旦可用，就将其加载到页面中，然后对image3.png执行同样的操作，依此类推

我试过使用

function imageExists(image_url){

  var http = new XMLHttpRequest();

  http.open('HEAD', image_url, false);
  http.send();

  return http.status != 404;

}

从，但我需要的网页在本地工作的计算机上，这似乎不工作，然后

---

有什么方法可以做到这一点吗？

您的代码没有问题，这是您使用它的方式。请改用此代码：

函数imageExistsurl { url=window.location.protocol+window.location.host+url； var http=新的XMLHttpRequest； http.open'HEAD'，url，false； http.send； 返回http.status！=404； }

---

嗨，我不能让这个工作；使用imageExistsimages/image1.png时，我在控制台中收到以下错误消息：XMLHttpRequest无法加载file:///Users/dferguson11/Desktop/images/image1.png. 跨源请求仅支持协议方案：http、数据、chrome扩展、https、chrome扩展资源。您能告诉我如何修复此问题吗？这仅在localhost和以下域上受支持：www.example.com。没有服务器就不行