HTML中的BASE64不起作用

我曾尝试过使用base64字符串显示图像的所有可能的方法。但他们都没有工作。我在IE6,7，Firefox 3上测试了它。请告诉我下面的代码有什么问题。HTML中的BASE64不起作用

<head> 

<STYLE type="text/css"> 
div.image { 
    width:100px; 
    height:100px; 
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...); 
} 
</STYLE> 
</head> 
<body> 
<img src="data:image/jpg;base64,968" /> 
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /> 
<script type="text/javascript" src="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script> 
<div class="image"></div> 
</body>

来源

2011-01-25 Amit Gupta

我发现[此页]（http://www.sweeting.org/mark/blog/2005/07/12/base64-encoded-images-embedded-in-html）它在哪里（7月， 2005）为GIF图像完成。这个例子（仍然）适用于Firefox 3.6。在评论中只有这个有趣的提及，也许这个URL的大小是有限的...... – pascal 2011-01-25 09:24:16

然而，这个实现的原因，即服务器被图标访问加载，可能应该通过缓存管理服务器，网络，客户端）从那时起... – pascal 2011-01-25 09:26:23

我测试IE6,7，Firefox 3的

它只是碰巧没有这些支持数据URI的（当然，Firefox 3的做，我认为，只要不是非常好）。所以你没有做错什么。

如果您需要在这些浏览器中显示背景图像，则只需使用传统图像文件，然后使用url()。

来源

2011-01-25 09:08:20 BoltClock

HTML中的BASE64不起作用

回答

相关问题