javascript - URL が有効な画像であるかどうかを、javascript を使用した画像リクエストでタイムアウトするかどうかをテストするにはどうすればよいですか?

Question

私はこのJavaScriptコードを持っています:

$(function() {
    $("<img>", {
        src: "http://urlpath/img.png",
        error: function() { alert("error!"); },
        load: function() { alert("ok"); }
    });
});

コードは機能しますが、リクエストが遅くならないように、このリクエストにタイムアウトを設定する必要があります。

どんなアドバイスも私に完全に役立ちます！

ありがとう

Answer 1

$(function() {
    timedout = false;
    var i = $("<img>", {
        src: "http://urlpath/img.png",
        error: function() { if (!timedout) { timedout = true; alert("error!"); } },
        load: function() { timedout = true; alert("ok"); }
    });
    window.setTimeout(function () { i.trigger('error'); i.remove(); }, 2000);
});

Answer 2

これを試して：

$(function() {
    var timed = false;
    var imgTO = setTimeout(function () {
        timed = true;
        alert("timed out");
    }, 2000);  // 2 second timeout
    $("<img>").on({
        error: function() {
            clearTimeout(imgTO);
            if (!timed) alert("error!");
        },
        load: function() {
            clearTimeout(imgTO);
            if (!timed) alert("ok");
        }
    }).attr("src", "http://urlpath/img.png");
});

Answer 3

たぶんあなたが必要です：

$.ajax({
    url: "test.html",
    error: function(){
        // will fire when timeout is reached
    },
    success: function(){
        //do something
    },
    timeout: 3000 // sets timeout to 3 seconds
});

[読む] http://api.jquery.com/jQuery.ajax/

タイムアウトをプロパティとして指定できます。