データプロトコルURL

Question

信頼できる使用方法は何ですか データuris 画像用？私はIE6/7がそれらをサポートしていないことを知っているので、これは機能しますか？

1. デフォルトで画像にデータURIを使用しています
2. ブラウザが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;
   }

}