BASE64在HTML中不工作 [英] BASE64 in HTML is not working

查看:184
本文介绍了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>
< D​​IV 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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆