html - データ プロトコル 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;
   }

}