图片类型解析

原创 ygs1990 随笔 HTML 196阅读 2017-05-31 17:03:00 举报

最近碰到一个解析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图片数据

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复