如何忽略部分JSON數據，如果其圖像URL中斷

Question

我正在從一個API請求數據的項目。假設我在一個HTTP請求中獲取演員數據列表（包含圖片URL）。一些演員的圖片網址已損壞，無法使用。這種情況使我的項目有點混亂。

有什麼辦法可以跳過那些圖像不可用的演員，並訪問其圖像可用的所有其他演員的數據？

代碼示例將不勝感激

Answer 1

有2個解決方案爲您的問題。

1. 一旦演員的圖片URL被破壞，請使用默認圖片作爲其src。代碼如下：<img src="actorX.jpg" onerror="this.src='defaultActor.jpg'">。

2. 一旦演員的圖片網址被破壞，隱藏整個演員內容。代碼如下：<img onerror="window.hideErrorActor(this)" src="actorX.jpg">。例如製作一個jsfiddle。如果您需要，請檢查它。

這些2個解決方案的關鍵是img元件的onerror事件處理程序。當圖片加載失敗時（例如網址中斷），img元素將觸發error事件，並且註冊到onerror屬性的功能將會運行。在功能裏面，你可以做任何你想做的事情。