@Savelac

Как исправить подмену картинки?

Пользователь загружает фотографию, мы выводим её на экран пользователя следующим кодом:
<Div style={{ textAlign: 'center' }}>
          <img src={ image } alt="remote file" />
</Div>

где image — ссылка на картинку пользователя

У некоторых пользователей битая ссылка (не могу по другому выразится), и в итоге на экран ничего не выводится или же выводится, но другое фото (можно сказать, что двойная картинка), как это можно исправить? То есть, сделать нормальный вывод картинки, которую мы видим при переходе по ссылке.
  • Вопрос задан
  • 157 просмотров
Пригласить эксперта
Ответы на вопрос 1
hzzzzl
@hzzzzl
обернуть img src в компонент, который будет следить за img.onerror
https://www.w3schools.com/jsref/event_onerror.asp
и, если ошибка, то пусть выводит какую нибудь стандартную картинку
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы