js 处理base64结构的数据库,并且把他们展示到页面上

文章标签: base64 图片
2017-8-10 9:33:24     0 人阅读    

 公司新框架采用的是 jeeplus框架(其实就是一些开源框架,有些人简单封装下,拿出来卖钱),

通过代码生成器自动生成的 富文本编辑框 ,在保存到数据库中的时候采用的格式是 blob格式

 

 会把富文本的html代码  进行base64加密,然后保存到数据库中,并且关键的额html标签,比如 单引号 、双引号都会替换成 转义符

对于 富文本中的图片,框架直接进行base64加密。把整个图片都保存到了数据库中

 

数据库中的格式如下:

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wB.....

 

现在需要通过ajax 读取这个字符串,并且在页面上展示出来图片。

 

第一步:需要对转义符进行转义,也就是把 类似 &quot; &lt; 的换成  "  <

 

字符 十进制 转义字符
" &#34; &quot;
& &#38; &amp;
< &#60; &lt;
> &#62; &gt;
不断开空格(non-breaking space) &#160; &nbsp;
对应的js函数如下 

 

function escape2Html(str) {
 var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
 return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
}


第二步:把base64图片内容,通过innerHtml 插入到页面上即可

 

其他:  不建议把base64的图片直接保存到数据库中,这样性能很差,一个是数据量很大,再一个就是图片无法缓存。


原文地址:http://www.itmmd.com/201708/811.html
该文章由 萌萌的IT人 整理发布,转载须标明出处。

  上一篇
下一篇  Hbuilder 部署app项目报错 INSTALL_PARSE_FAILED_BAD_MANIFEST

精彩回复
发表评论
姓名: