首頁(yè) 猿問(wèn) 使用JavaScript檢查服務(wù)器...

使用JavaScript檢查服務(wù)器上是否存在圖像？

JavaScript

有只小跳蛙 2019-07-10 15:23:49

使用JavaScript檢查服務(wù)器上是否存在圖像？使用javascript是否有一種方法可以判斷服務(wù)器上是否有可用的資源？例如，我將圖片1.jpg-5.jpg加載到html頁(yè)面中。我希望每隔一分鐘調(diào)用一個(gè)JavaScript函數(shù)，這將大致執(zhí)行以下代碼.if "../imgs/6.jpg" exists: var nImg = document.createElement("img6"); nImg.src = "../imgs/6.jpg";思想？謝謝!

查看完整描述

2 回答

滄海一幻覺(jué)

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊

你可以使用這樣的東西：

function imageExists(image_url){

    var http = new XMLHttpRequest();

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

    return http.status != 404;}

顯然，您可以使用jQuery/LIKE來(lái)執(zhí)行HTTP請(qǐng)求。

$.get(image_url)
    .done(function() { 
        // Do something now you know the image exists.

    }).fail(function() { 
        // Image doesn't exist - do something else.

    })

反對(duì) 回復(fù) 2019-07-10

侃侃無(wú)極

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊

您可以使用圖像預(yù)加載器測(cè)試圖像是否存在的基本方式。

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

反對(duì) 回復(fù) 2019-07-10