即使src失败,也显示图像的替代文本

时间:2019-04-12 21:05:09

标签: reactjs

我有一张图像列表,所有图像都使用动态URL。如果URL失败,我可以禁用损坏的图像图标,这很棒。但是我仍然希望能够在其位置显示替代文本。

这是我现在正在使用的东西:

<img 
  src = {'abrokenimage'} 
  width = {100} 
  height = {100}
  alt = {'I want this to display even when image src fails...'}
  onError = {(thisImage) => {thisImage.target.style.display='none';}}
/> 

如何显示残破的图像图标,但仍显示替代文本?

1 个答案:

答案 0 :(得分:1)

我最好的解决方案是创建一个图像组件来处理该问题

gensim