现在的位置: 首页 > 综合 > 正文

Sencha Touch 载入base64格式的图片数据

2013年10月22日 ⁄ 综合 ⁄ 共 600字 ⁄ 字号 评论关闭

我们以sencha touch ajax为例,在index.html模板中定义

'<tpl for="weatherIconUrl">',
   '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" />',
 '</tpl>',

插入一个base64的图片数据载入到img标签中,效果如下:

 

什么是Base64:

 

Base64是一种基于64个可打印字符来表示二进制数据的表示方法。由于2的6次方等于64,所以每6个比特为一个单元,对应某个可打印字符。三个字节有24个比特,对应于4个Base64单元,即3个字节需要用4个可打印字符来表示。它可用来作为电子邮件的传输编码。在Base64中的可打印字符包括字母A-Z、a-z、数字0-9
,这样共有62个字符,此外两个可打印符号在不同的系统中而不同。一些如uuencode的其他编码方法,和之后binhex的版本使用不同的64字符集来代表6个二进制数字,但是它们不叫Base64。

Base64常用于在通常处理文本数据的场合,表示、传输、存储一些二进制数据。包括MIME的email,email via MIME, 在XML中存储复杂数据.

抱歉!评论已关闭.