对指定路径上不存在的每个图像显示错误

问题描述

| 我正在使用从服务器接收的json数据来显示图像。我正在获取所有图像路径，并将它们设置为字符串“ html”，最后使用

$(\"#result\").html(html);

将所有html附加到div结果中。 我的问题是有一些图像路径，但与这些路径相对应的是没有图像，在这种情况下我想显示一条错误消息。 我可以用

 $(\'img\').error(function(){
    console.log(\'error\');
});

但是问题是我想为每个不存在的图像添加错误消息。无法执行此操作，因为我最后使用

$(\"#result\").html(html)

共同显示所有图像 请解决我的问题。 谢谢 罗米     

解决方法

        试试这个。

 $(\"#result\").html(html);
        $((\"#result\").find(\'img\').error(function(){ 
            $(this).after(\"<br>Image was not found\");   

            });

希望您现在能看到问题出在哪里:)，如果仍然不让我知道。     ,        您可以显示与图像相对应的错误消息，如下所示：

$(\'img\').error(function(){
    $(this).after(\"<p>Image was not found</p>\");
});

或者，您可以显示通用的未找到图像，而不是未找到的图像，如下所示：

$(\'img\').error(function(){
    $(this).attr(\'src\',\'not-found image path\');
});