使用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