如何检测网页上未正确加载的图像?我使用了以下jQuery,但无法正常工作。

$('#image1').on('load', function() {
    if ($('#image1').prop('complete')) {
        console.log("image complete: true");
    } else {
        console.log("image complete: false");
    }
}).on('error', function() {
    console.log("image loaded error");
}).attr("src", imgUrl);


javascript - 如何检测网页上未正确加载/未完成的图像?-LMLPHP

编辑1

$("#image1").on('load', function() {
    console.log("image1 complete: true " + this.width + "x" + this.height);
}).attr("src", imgUrl);
$('#image1')[0].decode().then(() => console.log('decoded'))


javascript - 如何检测网页上未正确加载/未完成的图像?-LMLPHP

编辑2

$("#liveImage1").on('load', function() {
    createImageBitmap(this).then(() => {
        console.log('Loaded');
    }).catch(() => {
        console.log('Failed');
    })
}).attr("src", imgUrl);


javascript - 如何检测网页上未正确加载/未完成的图像?-LMLPHP

最佳答案

您可以使用.load()事件处理程序,如下所示:

$("#image1").on('load',function() {
  alert('I loaded!');
}).attr('src', 'image1.jpg');

关于javascript - 如何检测网页上未正确加载/未完成的图像?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/61495276/

10-12 00:04