Протокол данных URl

Question

Какой надежный способ использовать URI данных для изображений?Я знаю, что IE6 / 7 не поддерживает их, так будет ли это работать?

1. Я использую URI данных для изображений по умолчанию
2. Если браузер IE6 / 7, он показывает изображение (не как данные, а как фактическое изображение) с помощью javascript
3. включите изображение (не как данные) в <noscript>.

Мой вопрос: будет ли изображение получено в <noscript>даже если браузер поддерживает javascript и URI данных?

Answer 1

Если вы хотите пойти по этому пути (а я лично не стал бы беспокоиться), вы могли бы сделать это ...

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

}