как успешные, так и обратные вызовы ошибок, используемые всегда - PullRequest
Новая
       7

как успешные, так и обратные вызовы ошибок, используемые всегда

2 голосов
/ 29 марта 2011

У меня есть простая проверка кода, если URL изображения действителен.К сожалению, независимо от того, найдено изображение или нет, я получаю сообщения об ошибках и об ошибках. 

var url = obj.image;
$.ajax({
    url: url,
    async:false,
    success: function(data){
        console.log('success');
    },
    error:function (xhr, ajaxOptions, thrownError){
        console.log('error');
    }                             
});

Изображение: http://images.virtualdesign.pl/images/21422jqerrors.png

Я использую jquery 1.4.3 вместе сjquery mobile 1.0a3.

1 Ответ

2 голосов
/ 29 марта 2011

Я бы предпочел не использовать Ajax-запрос для этой цели.Я бы пошел с 

function checkImage(url, succ, err) {
    var checkImg = new Image();
    checkImg.src = url;
    checkImg.onerror = function() {
        console.log('error');
        err();
    };
    checkImg.onload = function() {
        if(!this.width || !this.height) {
           console.log('error'); 
           err();
        }
        else {
            console.log('success');
            succ();
        }
    };
}

Используя это как: 

checkImage('http://mydomain/images/foo.jpg', function() {
    alert('yay');
}, function() {
    alert('oops');
});

Демо : http://jsfiddle.net/9RxrA/

...