URL -адрес протокола данных

Question

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

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

Мой вопрос: будет ли изображение внесено в <noscript> Даже если браузер поддерживает JavaScript и Data 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;
   }

}