JQuery проверить статус

Question

Эта функция каждый раз дает «ложь» , даже если image_url существует

// some .each {
    var item = $('.item', this);
    $.ajax({
        url: image_url,
        success: function() {
            item.html("true");
        },
        error: function() {
            item.html("false");
        }
    });
// }

Используется для проверки существования файла image_url - эта переменная дает URL-адрес, подобный http://blog.com/teddybear.png

Есть идеи?

Answer 1

Вы не можете сделать что-то подобное из-за политики одного и того же происхождения , которая предотвращает получение любых данных из другого домена.

Однако надежда есть! Вы можете использовать событие error для элемента <img>, чтобы увидеть, существует ли он, например:

function testImage(url) {
    $("<img />", { 
      error: function() { item.html('false'); }, 
      load: function() { item.html('true'); }
    })​​.attr('src', url);
}

Вы можете просмотреть быстрое демо здесь , оно проверяет изображение, которое существует , существует , ждет 2 секунды, затем пробует то, которое не существует. При этом используется метод создания $(html, props), чтобы создать элемент <img>, назначить события, а затем установить src, мы просто проверяем, какое событие получило удар, как проверку на успешность / неудачу.