为了账号安全,请及时绑定邮箱和手机立即绑定

React - 如何处理图像/文件的 403 错误

React - 如何处理图像/文件的 403 错误

BIG阳 2021-10-14 12:42:00
我正在向 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"

}



查看完整回答
反对 回复 2021-10-14
?
慕莱坞森

TA贡献1810条经验 获得超4个赞

img 标签可以采用 onError 处理程序。您可以在函数中编写代码并将其放置在图像中的 onError 处理程序中。


imageFail = (event) => {

   // your code

}


<img src="..." onError={this.imageFail} />


查看完整回答
反对 回复 2021-10-14
  • 2 回答
  • 0 关注
  • 370 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信