图片类型解析

招聘游戏前端开发
上海招聘前端开发专家
北京前端开发招聘

最近碰到一个解析64位图片的问题,查阅资料后才知道怎么一回事,故留如下笔记:
一、使用方法:
在文档相应标签的src或者css中的url中输入:data:image/png;base64,图片数据,如:<img src=”data:image/png;base64,数据字符串”>
二、语法释义:
它的本质是:Data URI scheme,其目的是:将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。其中:data表示取得数据的协定名称,image/png 是数据类型名称,base64 是数据的编码方法,它将把一些 8-bit 数据翻译成标准 ASCII 字符,数据字符串表示这个image/png文件base64编码后的数据。
三、语法拓展:
除支持以上类型外,Data URI scheme还支持:
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据

适合个人开发的前端框架
前端手机开发框架
app前端开发框架
» 本文来自:前端开发者 » 《图片类型解析》
» 本文链接地址:https://www.rokub.com/8220.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
分享到: 更多 (0)

评论 抢沙发