Включите функцию onError изображения в обратном направлении

Question

Так что мне нужна функция, чтобы проверить, может ли изображение загружаться или нет. Вот что у меня есть:

function imgExists(url){ 
    var img = new Image(); 
    img.onerror = function(){ 
     alert('error') 
    } 
    img.onload = function(){ 
    alert('load') 
    } 
    img.src = url; 
} 

imgExists('http://hashtraffic.com/img/jackson@2x.png') 

Проблема в том, что оповещения попадают в ловушку выигранных функций. Как я могу получить функцию imgExists() для возврата true, если изображение загружается и false, если это не так?

Answer 1

Вы должны использовать функцию обратного вызова, так как ваша функция по своей сути асинхронными:

function imgExists(url, callback) { 
    var img = new Image(); 
    img.onerror = function() { 
     callback(false); 
    } 
    img.onload = function() { 
     callback(true); 
    } 
    img.src = url; 
} 

function checkImage(exists) { 
    alert("Image exists: " + exists); // Usage example. 
} 

imgExists('http://hashtraffic.com/img/jackson@2x.png', checkImage);