URL de protocolo de datos

Question

¿Cuál es una forma confiable de usar? Uris de datos para imágenes? Sé que IE6/7 no los apoya, ¿funcionará esto?

1. Utilizo URI de datos para imágenes de forma predeterminada
2. Si el navegador es IE6/7, muestra la imagen (no como datos sino imagen real) usando JavaScript
3. incluir la imagen (no como datos) en <noscript>.

Mi pregunta es: ¿Se traerá la imagen en <noscript> ¿Incluso si el navegador admite JavaScript y Data URI?

Answer 1

Si quieres seguir por este camino (y yo personalmente no me molestaría), tú pudo hazlo...

// 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;
   }

}