Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何处理html5图片上的onerror_Html_Image_Onerror - Fatal编程技术网

如何处理html5图片上的onerror

如何处理html5图片上的onerror,html,image,onerror,Html,Image,Onerror,我发现这个问题: 它对img标签非常有用, 但是,当我试图用它作为图片标签时,它不起作用 首先,我尝试捕获失败的源: $('picture source').on('error', function () { loadBackupImage($('picture source').first()); }); 错误没有被触发 然后我尝试获取备用img标记上的错误。 但是我无法获取特定的source-srcset属性 另外,当我更改img.src时。浏览器上仍然返回

我发现这个问题: 它对img标签非常有用, 但是,当我试图用它作为图片标签时,它不起作用

首先,我尝试捕获失败的源:

    $('picture source').on('error', function () {
        loadBackupImage($('picture source').first());
    });
错误没有被触发

然后我尝试获取备用img标记上的错误。 但是我无法获取特定的source-srcset属性

另外,当我更改img.src时。浏览器上仍然返回错误。即使如此,我也明白了img.src是正确的

谢谢

我找到了方法: 标记图片作为img触发onerror,img具有兄弟-源

$("img").on('error', function () {
    $(this).siblings("source").attr("srcset","mybackup.jpg")
});
还有一个复杂问题:我将每个源的不同映像存储在属性数据映像中,并显示正确的备份映像

$("img").on('error', function () {
    var image = $(this).siblings("source").attr("data-image");
    $(this).siblings("source").attr("srcset",image);
});
希望你能找到它的帮助