使用JavaScript检查服务器上是否存在图像？

Question

使用JavaScript检查服务器上是否存在图像？

使用javascript是否有一种方法可以判断服务器上是否有可用的资源？例如，我将图片1.jpg-5.jpg加载到html页面中。我希望每隔一分钟调用一个JavaScript函数，这将大致执行以下代码.

if "../imgs/6.jpg" exists:
    var nImg = document.createElement("img6");
    nImg.src = "../imgs/6.jpg";

思想？谢谢!

Answer 1

你可以使用这样的东西：function imageExists(image_url){     var http = new XMLHttpRequest();     http.open('HEAD', image_url, false);     http.send();     return http.status != 404;}显然，您可以使用jQuery/LIKE来执行HTTP请求。$.get(image_url)     .done(function() {          // Do something now you know the image exists.     }).fail(function() {          // Image doesn't exist - do something else.     })

Answer 2

您可以使用图像预加载器测试图像是否存在的基本方式。function checkImage(imageSrc, good, bad) {     var img = new Image();     img.onload = good;      img.onerror = bad;     img.src = imageSrc;}checkImage("foo.gif", function(){ alert("good"); }, function(){ alert("bad"); } );JSFiddle