有没有一种可行的方法来对图像进行功能检测支持:data base64

这可能是您想要的: http://weston.ruter.net/2009/05/07/detecting-support-for-data-uris/

我编写了一个脚本,它在IE6+中添加了对datauri方案的部分支持: http://phenxdesign.net/projects/phenx-web/iedatauri/example.php 代码在这里: http://code.google.com/p/phenx-web/source/browse/trunk/iedatauri/

IE5+也支持某种数据URI,但并不总是可以使用它: http://www.betalon.com/blog/html_css/data-uri-in-css-crossbrowser.htm

使用上面的扩展mootools browser.features对象(如果有人认为它有用,Modernizer不支持它)

http://www.jsfiddle.net/dimitar/5JT45/13/show/ 或 https://gist.github.com/821370

(function() {
    Browser.Features.base64 = null;
    var callback = function() {
        Browser.Features.base64 = this.width == 1 && this.height == 1;        
        // alert(Browser.Features.base64); // true || false
    };

    var img = new Image(), img = document.id(img) || new Element("img");
    img.onload = img.onerror = img.onabort = callback;
    // 1x1 px gif to test with
    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";

})();

在他们的wiki上找到这个现代化的插件 https://github.com/Modernizr/Modernizr/issues/14 :

Modernizr.addTest('datauri',function(){
  var data = new Image();
  data.onload = data.onerror = function(){
    return (this.width == 1 && this.height == 1);
  }
  data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
})