Dati protocollo URL

Question

Che cosa è un modo affidabile per utilizzare URI dati per le immagini? So IE6 / 7 non le supportano, quindi sarà questo lavoro?

1. Io uso URI di dati per le immagini di default
2. Se il browser è IE6 / 7 che mostra l'immagine (non come dati, ma immagine reale) utilizzando JavaScript
3. include l'immagine (non come i dati) in <noscript>.

La mia domanda è: sarà l'immagine è possibile recuperare in <noscript> anche se i supporti del browser javascript e gli URI di dati

?

Answer 1

If you do want to go down this road (and I personally would not bother), you could do it...

// Parse user agent and figure out if this browser supports data 
// URIs - e.g. `supportDataUri()`.  Also, store the image path
// somewhere - I'll assume for convenience an attribute called `data-image-src`

if ( ! supportDataUri()) {

   var images = document.getElementsByTagName('img');

   for (var i = 0, imagesLength = images.length; i < imagesLength; i++) {
       var imgSrc = images[i].getAttribute('data-image-src');
       images[i].src = imgSrc;
   }

}