我正在向 api 发出请求,所有对象中都有一组图像,但只有其中一些返回我收到GET http://******/image/******/403每个加载失败的图像的错误,这是由于我的访问被拒绝,我并不担心,因为我知道某些图像将因此无法加载(希望这是有道理的)。如果默认 http 图像返回 403 或根本不传递后备图像,我该如何缓解/绕过这种情况并传递后备图像?我希望一切都有意义,并感谢您的帮助:)
2 回答
扬帆大鱼
TA贡献1799条经验 获得超9个赞
您可以onError在图像上使用该属性
<img src="mySuperImage.jpg" onError={handleImgError} />
const handleImgError = e => {
e.target.src = "defaultImage.jpg"
}
慕莱坞森
TA贡献1810条经验 获得超4个赞
img 标签可以采用 onError 处理程序。您可以在函数中编写代码并将其放置在图像中的 onError 处理程序中。
imageFail = (event) => {
// your code
}
<img src="..." onError={this.imageFail} />
添加回答
举报
0/150
提交
取消