Ottieni il codice di stato HTTP o le intestazioni di risposta dal tag <img>?

Question

In questo servizio che sto creando, una richiesta di un'immagine può comportare due possibili risposte.

1. Risponde all'immagine richiesta.

2. Risponde con un'immagine predefinita e un'indicazione che l'immagine richiesta non è immediatamente disponibile. In questo caso, la richiesta può essere ripetuta.

I modi evidenti che suggeriscano caso # 2 sono o rispondere con un codice di stato 202, o un X-Retry-In intestazione. Tuttavia, sono aperto a suggerimenti.

In ogni caso, il mio obiettivo è in qualche modo catturare questa risposta in JS (http header/status code/other ideas welcome) e riprovare automaticamente l'immagine alcuni secondi dopo.

So che qualcosa di simile potrebbe essere fatto con ajax, ma preferirei davvero una soluzione che utilizzasse solo i tag JS + img >.

Answer 1

provare qualcosa di simile:

$.ajax({ 
type: "GET", 
url: "YOURURL", 
dataType: "image/png", 
success: function(img) { 
    i = new Image(); 
    i.src = img; // your image 
}, 
error: function(err) { 
    i = new Image(); 
    i.src = 'http://website.site/image.png' // your error image 
} 
});