js显示base64编码的二进制流网页图片
DataURIscheme。
DataURIscheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张2*2的白色gif图片。
在上面的DataURI中,data表示取得数据的协定名称,image/gif是数据类型名称,base64是数据的编码方法,逗号后面就是这个image/gif文件base64编码后的数据。
目前,DataURIscheme支持的类型有:
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图片数据
base64简单地说,它把一些8-bit数据翻译成标准ASCII字符,网上有很多免费的base64编码和解码的工具,在PHP中可以用函数base64_encode()进行编码,如echobase64_encode(file_get_contents(‘images/log.gif”"));
目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。
举个图片的例子:
网页中一张图片可以这样显示:
<imgsrc=“http://www.jwzzsw.com/images/log.gif”/>
也可以这样显示:
<imgsrc=“data:image/gif;base64,R0lGODlhAgACAIAAAP///wAAACwAAAAAAgACAAACAoRRADs=”/>
我们把图像文件的内容直接写在了HTML文件中,这样做的好处是,节省了一个HTTP请求。坏处呢,就是浏览器不会缓存这种图像。
相关文章
- 通过Docker部署一个NSFW JS搭建一个私有的图片鉴黄API
- IDEA添加外部插件“yuicompressor”压缩js/css
- php unicode编码_js unicode转中文
- js定时器setinterval_nodejs定时器
- JavaScript数组求和_js获取对象数组的第一个元素
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- js 数组去除重复数据-当WPS开始像支持VBA一样支持JS语言时,微软又该何去何从?
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- JS test()方法:检测一个字符串是否匹配某个正则表达式
- Linux上的JS压缩工具(js压缩工具linux)
- 快速掌握JS操作MySQL数据库技巧(js操作mysql数据库)
- 使用JS实现Redis数据读取(js读取redis)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 使用JS操作Oracle数据库探索潜在可能性(js和oracle数据库)
- JS在Oracle中的应用(js如何oracle)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- js的event详解。
- 教你如何解密js/vbs/vbscript加密的编码异处理小结
- JavaScript入门教程(11)js事件处理
- js中的window.open返回object的错误的解决方法
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- js字符编码函数区别分析
- JS实现QQ图片一闪一闪的效果小例子
- JS与C#编码解码
- js与css实现弹出层覆盖整个页面的方法
- js获取checkbox值的方法