數據協議URl

Question

什麼是對圖像使用data URIs的可靠方法？我知道IE6/7不支持他們，所以這項工作？

1. 我默認使用數據URI爲圖像
2. 如果瀏覽器是IE6/7它示出了圖像（不作爲數據但實際圖像）使用javascript
3. 包括圖像（不作爲數據）<noscript> 。

我的問題是：即使瀏覽器支持JavaScript和數據URI，圖像是否會被提取到<noscript>？

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

}