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

}