数据库读取image类型发送到前端显示图片

这几天要做一个数据采集的测试网页,然后碰到一个问题。

在调用采集接口的时候返回的图片数据是以数据流的方式返回的,然后我就各种查询怎么把数据流转化成本地文件或者是直接转化成可以让img.src直接赋值的对象,尝试了很多也问了下项目经理,都没有得到很好的解决办法,最好问到一个大神,他在做微信的时候做过这样的问题解决办法很简单:

   在流前面加上  data:image/jpeg;base64,  (注意是有个,)  就可以了 试了下果然可以。。。~!

 

       var imgObjPreview = document.getElementById("IDCARDpreview");
  
       imgObjPreview.style.display = 'block';
       imgObjPreview.style.width = '250px';
 
       imgObjPreview.src = "data:image/jpeg;base64,"+returndata.cardsinfo[0].items[7].content;      (returndata.cardsinfo[0].items[7].content就是我的数据流)

 项目经理他们给的意见都是去服务器解析。。。 经验不足害死人啊,,  就这么几个字母让我浪费了两天时间---以上是摘抄别人的博客

数据库读取过来先转换成byte类型,在转换成base64,发送到前端,字符流前面加上一下类型。

进行绑定的时候必须要用原生js,jq绑定的不支持。**切记

 

转载于:https://www.cnblogs.com/tanhu/p/6428559.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值