jquery - 出现错误，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();