BASE64在HTML中不工作 [英] BASE64 in HTML is not working
本文介绍了BASE64在HTML中不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试过所有可能的方式使用Base64字符串来显示图像。但他们没有在工作。我测试了IE6,7,火狐3,请告诉我,什么是错的低于code。
< HEAD><风格类型=文/ CSS>
div.image {
宽度:100像素;
高度:100像素;
背景图像:网址(数据:图像/ PNG; BASE64,iVBORw0KGgoAAAANSUhEUgAAADIA ...);
}
< / STYLE>
< /头>
<身体GT;
< IMG SRC =数据:图像/ JPG; base64,968/>
< IMG ALT =嵌入式图像SRC =数据:图像/ PNG; BASE64,iVBORw0KGgoAAAANSUhEUgAAADIA .../>
<脚本类型=文/ JavaScript的SRC =数据:文/ JavaScript的; BASE64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv ......>< / SCRIPT>
< DIV CLASS =形象>< / DIV>
< /身体GT;
解决方案
我测试IE6,7,火狐3
块引用>碰巧,没有这些支持数据URI的(当然,Firefox 3的呢,我认为,只要不是很好)。所以,你没有做错什么。
如果您需要背景图片在这些浏览器中显示,只要使用传统的图像文件和
网址()
代替。I had tried all possible way to display image using base64 string. But none of them are working. I tested it on IE6,7, Firefox 3. Please tell me what is wrong with below code.
<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>
解决方案I tested it on IE6,7, Firefox 3
It just happens that none of these support data URIs (well, Firefox 3 does I think, just not very well). So you're doing nothing wrong.
If you need your background image to display in these browsers, just use traditional image files and
url()
instead.这篇关于BASE64在HTML中不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文