Я установил изображение по умолчанию в файле .hbs при использовании
<img src="{{source_image_number}}.png" alt={{source_image_number}} onerror="default_image.png">.
, за исключением того, что при возникновении проблемы с загрузкой исходного изображения изображение по умолчанию можетбыть загруженным вместо того, чтобы иметь немного сломанный логотип изображения (специально для Chrome).Теперь я использую другое изображение по умолчанию, которое пришло из стороннего класса.Это как в файле css ниже:
.icon-default: {
content: '\e050';
transform: translate(2px, 3.5px);
}
Я пробовал три решения:
создать класс <div class="default-image">, который содержит необходимыеИнформация.Затем используйте onerror="this.display='none'" и после этого вызывайте класс default-image.Проблема этого решения заключается в том, что при правильной загрузке {{source_image_number}}.png будет загружено и изображение по умолчанию.
использует jquery в файле .js для работы со случаем ошибки.Но хотя jquery обнаруживает проблему исходного изображения и считывает изображение по умолчанию, страница была полностью загружена.В результате в это же время появляются небольшой разбитый логотип и изображение по умолчанию.
использует jquery, чтобы проверить, существует ли исходное изображение перед загрузкой страницы.Это заканчивается тем, что проблема не аутентифицирована для чтения файла на стороне клиента (сообщение об ошибке не совсем то, но после появления нулевой ошибки несколько раз, я предполагаю, что это из-за этого).
Четвертое решение, которое я имею в виду, но не проверял, - это использовать прокси-сервер для аутентификации, а затем выполнить проверку, как указано в третьем решении, но я сомневаюсь, существует ли более простой способ сделать это.
Что мне сделать, чтобы сделать это изображение по умолчанию?