数据协议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; 
    } 

}