Как браузер определяет событие onerror для img

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 будет запущено, как только сервер не сможет найти изображение (что означает, что тело может быть null), даже код состояния равен 200.

Затем я попытался вернуть фиксированное изображение, если требуемое изображение отсутствует, а событие onerro не запускается.

Так что, интересно, как браузер считает определенную ошибку загрузки img, кажется, что он не основан на коде состояния.

Любые документы по этому вопросу?

Answer 1

Добавление регистратора событий в тег Img и вызов вашей пользовательской логики.

Пример кода:

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

Существует запись о том, как обнаружить ошибки загрузки изображения. Post 1, обнаружение с использованием простого Javascript, а также this.