如何获取来自链接的alt标签中的图像

时间:2019-09-11 13:10:50

标签: reactjs

我正在使用img标签,因此,如果src无法获取图像,则alt将显示来自链接的图像。基本上我希望我的alt从URL获取图像。

1。我尝试仅在alt之前粘贴该链接

LOCAL_USER_ID=$(id -u $(logname))
  1. 分配了一个变量
alt="www.some/random/link.jpg"

我将实际链接获取为纯文本,而不是图像。

2 个答案:

答案 0 :(得分:1)

HTML img服饰

  

如果无法显示图像,则必需的alt属性为图像指定备用的文本

因此,alt使用文本并显示由于某种原因而无法加载图像。 alt不是src 的备用图片。

也许您可以为此制作一个组件,当src的未加载时,将src更改为可以加载的内容。

答案 1 :(得分:0)

我添加了onError,当主照片遇到错误时,它将调用一个函数。

 <img src={main photo} onError={this.addDefaultSrc}    

addDefaultSrc(e) {
e.target.src = 'alternate photo'
  }