誤差不觸發對錯誤永遠不會觸發YouTube圖片

Question

$("#myimg").on('error', function() { 
     console.log("image load error"); 
    }).attr("src", "http://img.youtube.com/vi/6pxRHBw-k8M/DOESNOTEXIST.jpg"); 

，在Chrome和Firefox

Answer 1

測試如果試圖從YouTube加載一個不好的形象，它返回一個404，但它也返回一個圖像。所以瀏覽器不認爲它是一個錯誤。使用XMLHttpRequest檢查它（在Chrome，Firefox，IE，Edge中測試）

var xhr = new XMLHttpRequest(); 
    var img = $("#myimg"); 
    xhr.onreadystatechange = function() { 
     if (this.readyState === 4 && this.status === 404) { 
      console.log("image load error"); 
     } 
    } 
    xhr.open('GET', img .attr('src')); 
    xhr.responseType = 'blob'; 
    xhr.send();