2023年6月21日发(作者：)
Base64（⼆进制）图⽚编码解析及在各种浏览器的兼容性处理IE浏览器⽬前最⾼的版本是v11，⽽微软放弃了IE，转向新的浏览器开发，并取名为Edge。base64图⽚在IE9及以后的图⽚均能显⽰没有问题，⽽Firefox, Chrome, Safari等⾮IE浏览器都能正常显⽰，所以显得IE浏览器⽐较low。那么兼容性究竟应该怎么来处理呢？ 分三种情况。（1）IE9+、Firefox、Chrome、Safari等浏览器base64图⽚在HTML⾥的标准写法是：
javascript给img元素的src属性赋值或是给其他元素的backgroundImage属性赋值都可以正确的显⽰图⽚。其格式为 data:{mimeType};base64,[code]{mimeType}是指图⽚的格式类型，⼀般来说，JPG⽂件填写image/jpeg， GIF⽂件填写image/gif， PNG⽂件填写 image/png。[code]是指图⽚⼆进制转换成base64的字符串。（2）IE6、IE7浏览器低版本的IE浏览器不⽀持img的src属性⽤data:image/jpeg这样写，但是我们可以使⽤mhtml调⽤附件资源的形式来处理图⽚。格式如下：（3）IE8浏览器ie8浏览器分两种情况。⼀种是在XP下ie6升级到ie8，另⼀种是Win7⾃带的ie8。两者的区别是XP下的ie8不⽀持javascript直接将backgroundImage赋值为base64值。但是Win7下是可以的。 如何兼容在代码上我们使⽤UserAgent⾥的Trident和Windows NT版本来确认ie8在何种情况使⽤：A.当NT版本是NT 5.x并且Trident没现出现的时候，判定为xp下的ie6和ie7，执⾏第2种情况；B.当NT版本是NT 5.x并且Trident 4.0的时候，判定为xp下的ie8，执⾏第2种情况；C.当NT版本是NT 6.x时，为win7、win8、win10系统，执⾏第1种情况；D.都不是时，就是⾮IE流览器，执⾏第1种情况2023年6月21日发(作者：)
Base64（⼆进制）图⽚编码解析及在各种浏览器的兼容性处理IE浏览器⽬前最⾼的版本是v11，⽽微软放弃了IE，转向新的浏览器开发，并取名为Edge。base64图⽚在IE9及以后的图⽚均能显⽰没有问题，⽽Firefox, Chrome, Safari等⾮IE浏览器都能正常显⽰，所以显得IE浏览器⽐较low。那么兼容性究竟应该怎么来处理呢？ 分三种情况。（1）IE9+、Firefox、Chrome、Safari等浏览器base64图⽚在HTML⾥的标准写法是：
javascript给img元素的src属性赋值或是给其他元素的backgroundImage属性赋值都可以正确的显⽰图⽚。其格式为 data:{mimeType};base64,[code]{mimeType}是指图⽚的格式类型，⼀般来说，JPG⽂件填写image/jpeg， GIF⽂件填写image/gif， PNG⽂件填写 image/png。[code]是指图⽚⼆进制转换成base64的字符串。（2）IE6、IE7浏览器低版本的IE浏览器不⽀持img的src属性⽤data:image/jpeg这样写，但是我们可以使⽤mhtml调⽤附件资源的形式来处理图⽚。格式如下：（3）IE8浏览器ie8浏览器分两种情况。⼀种是在XP下ie6升级到ie8，另⼀种是Win7⾃带的ie8。两者的区别是XP下的ie8不⽀持javascript直接将backgroundImage赋值为base64值。但是Win7下是可以的。 如何兼容在代码上我们使⽤UserAgent⾥的Trident和Windows NT版本来确认ie8在何种情况使⽤：A.当NT版本是NT 5.x并且Trident没现出现的时候，判定为xp下的ie6和ie7，执⾏第2种情况；B.当NT版本是NT 5.x并且Trident 4.0的时候，判定为xp下的ie8，执⾏第2种情况；C.当NT版本是NT 6.x时，为win7、win8、win10系统，执⾏第1种情况；D.都不是时，就是⾮IE流览器，执⾏第1种情况
发布评论