瀏覽器如何確定img的onerror事件

Question

我正在開發一個將向客戶端提供一些圖像的應用程序，有時圖像可能為空白，並且我們使用spring mvc作為控制器，這是核心代碼：

@RequestMapping
public ResponseEntity<byte[]> getImg(String id) {
    byte[] res = imgService.find(id); // this res  may be null
    headers.setDate("Expires", System.currentTimeMillis() + 24 * 3600 * 1000 * 7);
    return ResponseEntity.ok().headers(headers).contentType(MediaType.IMAGE_PNG).body(res);
}

如圖所示，無論圖像是否存在，響應代碼始終為200。

在客戶端加載圖像后，我將為該圖像添加onerror事件，但是我發現，一旦服務器找不到該圖像， onerror事件將被觸發（這意味着主體可能為空），即使狀態碼是200。

然后，我嘗試在所需的圖像丟失后返回固定圖像，並且不會觸發onerro事件。

所以我想知道瀏覽器如何看待某個img加載錯誤，似乎它不是基於狀態碼。

關於這個的任何文件嗎？

Answer 1

在Img標簽上添加事件列表器，並調用您的自定義邏輯。

樣例代碼：

<img id="photo"
     onload='loaded(this.id)'
     src=""
     alt="alt text"
     />

關於如何檢測圖像加載錯誤的文章。 發布1 ，使用簡單的Javascript進行檢測也是這個 。