兼容IE8的base64格式图片的显示方法

2019/6/16 22:53:41 人评论 次浏览 分类:JavaScript


最近有个需求是需要显示二维码,但是二维码是后台生成的,不想保存起来,所以想通过base64 的方式生成并显示出来。


一般情况下,在IE9 ,chrome和火狐浏览器上显示的话,直接用img的src赋值 即可。
例如:
<img id="imgcontain" width="280" height="280" />

$("#imgcontain").attr("src", "data:image/jpeg;base64," + context.Data);

但是上面这种方式在win7系统的IE8中却不能正常显示,所以为了兼容需要使用如下的方式:
<div id="imgcontain" style="width:280px; height:280px;background-size:cover;"> </div>

document.getElementById("imgcontain").style.backgroundImage = "url(data:image/jpeg;base64," + context.Data + ")";

注意如果是win xp系统自带的IE升级到IE8 的,则不支持这种动态设置的。但是可以支持静态的样式来设置。

如果是对浏览器的兼容要求比较高还是老老实实用生成图片文件的方式,再用url地址来访问吧。



上一篇:Js通过referrer获取搜索引擎来源

下一篇:没有了

相关资讯

  • Js通过referrer获取搜索引擎来源

    在做网站优化的时候,需要了解用户搜索引擎来源,可以在Html页面中通过JS获取document.referrer,然后在document.referrer中通过搜索引擎对应的域名进行识别。 比如百度对应域名中的存在‘baidu’,360 搜中,含有so.com,可以作为标识。

    2016/5/20 11:17:05