数据库读取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

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

解决SQL Server 2005数据库中datetime时间字段在前端显示时分秒的问题
SQL Server 2005中时间类型datetime的格式是"年月日时分秒",直接读出来该字段,为了不让它在前端显示"时分秒"若是显示在dataGridVi ...
在Java后台获取小程序的小程序码，传递到前端显示图片
步骤: 1.需要准备的参数 accessToken :小程序的临时凭证,需要它才可以任意的调用小程序的各种接口 appid:小程序的ID,微信公众平台上有.为了获取accessToken 而存在 se ...
若依图片上传到服务器，前端显示图片
效果图如下: 前端代码: //-----------table显示图片<el-table-column label="图片地址" align="center&quo ...
python的flask前端显示图片_python Flask中返回图片流给前端展示
python Flask中返回图片流给前端展示 image DHogan 2017-05-16 14:50:48 image 20440 image 收藏 12 版权场景需求:需要在Flask服务器 ...
python的flask前端显示图片_python 实现Flask中返回图片流给前端展示
场景需求:需要在Flask服务器的本地找一张图片返回给前端展示出来. 问题疑点:通常前端的标签只会接受url的形式来展示图片,没试过在返回服务器本地的一张图片给前端. 因此写个记录一下这个看起来有点奇 ...
相信我，只要2分钟，你会爱上flask（前端显示图片）
今天带大家flask体验一下,Python进行后端开发时,怎样将数据给到前端(web)的. 虽说flask是一个基于Python的轻量级的开发框架,但要想用他实现一个很棒很棒的web网页的话,实际上还 ...
Django1.11.4 在前端显示图片
基础内容可以参考:python3.6.1 django1.11.4 初探 1. 结果页面: 2. 目录结构: 主要是新建static文件夹用来存放图片.具体位置在/static/images/目录下 ...
vue 前端显示图片加token_手摸手，带你用vue撸后台系列二(登录权限篇)
完整项目地址:vue-element-admin https://github.com/PanJiaChen/vue-element-admin 前言拖更有点严重,过了半个月才写了第二篇教程.无奈自 ...
react前端显示图片_在react中怎么动态渲染图片？
在react中怎么动态渲染图片?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. React 动态渲染图片,提升用户体验市场上竞争是非常残酷的,众所周知, ...

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

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

最新文章

热门文章