Показывает ошибку с каждым изображением, которого нет на указанном пути

Question

Я использую данные json, полученные с сервера, для отображения изображений. Я получаю путь ко всем изображениям и делаю их строкой "html" и, наконец, использую $("#result").html(html); для добавления всех html к результату div. Моя проблема в том, что есть некоторые пути к изображениям, но в соответствии с этими путями нет изображения, и я хочу отобразить сообщение об ошибке в этом случае. Я могу использовать

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

но проблема в том, что я хочу добавить сообщение об ошибке с каждым изображением, которого нет. Невозможно сделать это, потому что в конце я все вместе отображаю изображения, используя $("#result").html(html) Пожалуйста, решите мою проблему.

Спасибо Роми

Answer 1

Вы можете отобразить сообщения об ошибках, соответствующие вашим изображениям, примерно так:

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

Или вместо этого вы можете показать общее не найденное изображение вместо тех, которые не были найдены, как это:

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

Answer 2

попробуйте это.

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

            });

надеюсь, что теперь вы можете увидеть, где проблема :), если все еще не сообщите мне.