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

Question

我正在向 api 发出请求，所有对象中都有一组图像，但只有其中一些返回

我收到GET http://******/image/******/403每个加载失败的图像的错误，这是由于我的访问被拒绝，我并不担心，因为我知道某些图像将因此无法加载（希望这是有道理的）。

如果默认 http 图像返回 403 或根本不传递后备图像，我该如何缓解/绕过这种情况并传递后备图像？

我希望一切都有意义，并感谢您的帮助:)

Answer 1

您可以onError在图像上使用该属性<img src="mySuperImage.jpg" onError={handleImgError} />const handleImgError = e => {&nbsp; e.target.src = "defaultImage.jpg"}

Answer 2

img 标签可以采用 onError 处理程序。您可以在函数中编写代码并将其放置在图像中的 onError 处理程序中。imageFail = (event) => {&nbsp; &nbsp;// your code}<img src="..." onError={this.imageFail} />