如果图像URL被破坏，如何忽略部分JSON数据

Question

我正在开发一个从API请求数据的项目。假设我在一个HTTP请求中获得了一个actor数据列表（带有图像URL）。某些演员的图片网址已损坏且无法使用。这种情况使我的项目有点混乱。

有没有办法跳过图像不可用的演员并访问其图像可用的所有其他演员的数据？

示例代码将不胜感激

Answer 1

您的问题有两种解决方案。

1. 一旦演员的图片网址被破坏，请使用默认图片作为其src。代码需要：<img src="actorX.jpg" onerror="this.src='defaultActor.jpg'">。

2. 一旦演员的图片网址被破坏，隐藏整个演员内容。代码需要：<img onerror="window.hideErrorActor(this)" src="actorX.jpg">。例如，jsfiddle。如果需要，请检查。

这两个解决方案的关键是onerror img元素的事件处理程序。当图片加载失败（例如URL损坏）时，img元素将触发error事件，并且注册到onerror属性的函数将运行。在功能内部，你可以做任何你想做的事。