数据库BLOB类型在前端转化为图片格式问题

最新推荐文章于 2025-02-15 11:31:37 发布
最新推荐文章于 2025-02-15 11:31:37 发布
阅读量4.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40812553/article/details/95067955
版权

今天调一个接口返回的是一个byte数组 想的是直接把它里面的东西丢到img的src属性里面就行了 但是结果是显示失败 <img src=" /9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAgFBgcGBQgHBgcJCAgJDBMMDA
sLDBgREg4THBgdHRsYGxofIywlHyEqIRobJjQnKi4vMTIxHiU2OjYwOiwwMTD/
2wBDAQgJCQwKDBcMDBcwIBsgMDAwMDAwMDAwMDAwMDAwMDAwMDA
wMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDD/wgARCAF5
AR4DASEAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAQIAAwQFB
gf/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/2gAMAwEAAhADEAAAAfa
W4oBBUJAGBiSLIklErAkhIQkCmuHtTNaoBACEJIhUY0IADEMBAwkAVleT2J
RZQFQAksNhkQUmCOXXHU1VpeowYQgIBKEDfJnemWoCSCKYHJ89lh5M
FE1IdTo6dXq26DUMSARQkh0xmtoygKEiMDlHzvLmWuBC5IstrR6SvSvqkkg
UiU5raEz20DQlCRErheOy5ljMkJnq/RDpa2mN3qtOy1pgYKmKugz22SaAEh
V5HLh8dm1oSFOqq6pbb7K7C7oL7bpapJCBM2nUme2oCSpSeK4uZzXQO
FjHqTOi07i91G9PQ+n1bWUgC5temTNbpBRAnio4WWTHsRYWQrU50t03y
Ay5elZs9xb2WtkFObVoTLdUFRTyvmMwVJVpM7mXWU11irWXyR4XXVvrK
9g100EaKdOWWzQigh8+5uZERbjHaXdeupoqYZeTyJMlolJr6B7vtapKgRT
qyy2aGUMp84z5znJdhD2jsdVdejQgp5pxPM5ac6Ped/3WrbFIinTllemGk5B
4CjOZUX4ju9uujfba4WFrMXi4ySRmNf0OugbqLFWmMpHmk4h4FM5pzGn
oWek6Ft9ilyEEM/Fjy/Nk6RNvvrd7WyvIXmaU8qcc+btnNdNdD0qdfTdMwA
AhYmc5fz6NelPW+qtZlmTNs0pmlPKnNPmVcy1J7Lr1dmUWFhFYJBSHx
0ed6knsvV6pKskV6IzirBUzp8z5eYnQs9pptGKXh4Eu7dbM68rNJ0OzTUS
/N9Z9L79RlKxXojMadaK2eB8Xk/tLnvqoRU56YdRvymPYbrFlh4Zcz6np3
YZSsV6YoFMtTKnivMyX+6q/lry8cmboHT6NdLnLyuZJj2mrunH4x6z1lsitI0…"
解决方法img src=" data:image/jpeg;base64,+/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAgFBgcGBQgHBgcJCAgJDBMMDA
sLDBgREg4THBgdHRsYGxofIywlHyEqIRobJjQnKi4vMTIxHiU2OjYwOiwwMTD/
2wBDAQgJCQwKDBcMDBcwIBsgMDAwMDAwMDAwMDAwMDAwMDAwMDA
wMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDD…"就好了

北野木
关注
oracle数据库中BLOB格式照片转存本地jpg格式的方式
m0_69865456的博客
10-11 1094
oracle中存储照片的格式是blob，需要先将blob格式转化为jpg照片，oracle中表的存储有两个字段：证件号、照片，存储一人多张照片，最终照片名字的命名需要区分有辨识度，所以在照片名字的命名考虑不同人同名的，一人多张照片的情况，照片命名规则,同一个人只有一张照片：姓名_证件号.jpg;如果你的oracle有多个表空间，需要注意的是每一个表空间可能有一个用户，如果用system用户或者其他用户没有权限时，需要使用该表空间的用户进行登录才能操作；优化后的调用，减少未提交事务的内存占用，捕获异常。
从db2数据库读取blob类型图片数据并在前端页面显示
Zhang_521521的博客
09-13 2648
最近要写一个需求，从db2中读取图片数据，blob类型，然后在前端页面显示，采用的是前后端分离的开发模式，使用下面这种方式，可以忽略前端，前端不需要动代码，就可直接显示。。 直接上代码： sql：只给大家截取关键部分，select   xmlgroup(pe.PictureData) as PictureData   from   ET_PICTURE pe; java： public ...
前端 二进制流（blob）转图片
热门推荐
m0_60067716的博客
05-07 1万+
前端 二进制流图片在页面上直接显示
js将图片blob对象与图片base64互相转换
最新发布
不谷的博客
02-15 259
1. 将以下代码复制封装于xxx.js文件中，放置在项目文件夹utiles下。使用：引入xxx.js文件，调用方法。
blob转base64图片
m0_68633070的博客
03-03 1197
在处理文件预览与打印的时候经常需要转换成base64在前端处理，后台返回blob对象。
JDBC方式将数据库中Blob类型转成base64图片
cbc的博客
08-27 1196
 sql2 = "select zp from T_EXAM_PROCESS  where id='"+id+"'  and anytime like '"+anytime+"%'";                 listZp2 = oracleUtil.searchSql2(sql2,newdburl,newdbname,newdbpassword,keyList2);   //参数配...
将数据库中取出的blob显示为图片
凤凰涅磐
04-02 1479
1、得到blob，如何得到就不细说了 Blob blob = getblob(); BufferedInputStream inputimage=null; try { inputimage = new BufferedInputStream(blob.getBinaryStream()); } catch (SQLException e1) { e1.print...
Java从数据库中读取Blob对象图片并显示的方法
09-03
总结来说，这两种方法都是将数据库中的Blob对象转换为可显示的图片。第一种方法简单直接，适合不需要额外处理的情况；而第二种方法则提供了图片处理的灵活性，适用于需要对图片进行预处理（如缩放）的场景。在实际...
实现图片直接以blob的形式直接存入数据库
01-17
1. 图片处理：在前端，用户上传图片后，通常需要进行预处理，如尺寸调整、格式转换等，以减少存储空间并提高上传速度。这可能涉及到HTML5的FileReader API，可以读取用户选择的文件，并转化为二进制数据。 2. 数据...
【JAVA秒会技术之搞定BLOB数据类型】如何读取及展示数据库中BLOB类型的图片
qq296398300的博客
03-06 6399
如何读取及展示数据库中BLOB类型的图片    【前言】最近在做某一需求时，需要从Oracle数据库读取图片。本以为数据库存储的会是一个简单的url，前台可以直接展示，结果却发现是BLOB二进制类型，于是乎，百度/Google了关键字“二进制图片读取及展示”，发现有很多“抄来抄去”的文章或博客，但是文章的质量都很低，而且结构比较混乱，看完之后仍然是“不明所以”。     最后，花了近2个小时，
数据库存储图片及传输到前端展示
2201_75330184的博客
12-13 2643
服务端读取blob转换为JSON。json不能传二进制，考虑传String。后端获取数据库数据后，用base64 加密成string。前端接收到后直接可用，以vue为例。
Blob如何在html里转换成图片,前端图片canvas，file，blob，DataURL等格式转换
weixin_42525328的博客
05-31 7387
前端图片canvas，file，blob，DataURL等格式转换最近用到一些图片相关的操作，记录一下笔记。将file转化成base64场景： 获取到一个file类型的图片，如果直接在html中预览？这里就是利用html5的新特性，将图片转换为Base64的形式显示出来。有两种方法：方法一：利用URL.createObjectURL()html>basewindow.=...
图片格式转换（File、Blob、base64）
XUELINGMM的博客
02-16 1万+
记录一下比较常见的图片格式（File、Blob、base64）在不同的场景他们之间的相互转换的方法。BlobBLOB(binary large object)： 二进制大对象,是一个可以存储二进制文件的容器。在计算机中,BLOB常常是数据库中用来存储二进制文件的字段类型。属性名称读/写描述size只读Blob 对象中所包含数据的大小（字节）。type只读一个字符串，表明该Blob对象所包含数据的MIME类型。如果类型未知，则该值为空字符串。例如 “image/png”File。
Blob 十六进制 转为图片 通用步骤
MR_Shi_it的博客
04-11 1129
Blob 十六进制 转为图片 通用步骤
java 从blob类型得到图片文件
qq_44025396的博客
01-11 3618
java 从blob类型得到图片文件
根据Blob字段中的字节流进行照片的输出
qq_29637903的博客
08-13 562
代码】根据Blob字段中的字节流进行照片的输出。
PLSQL 导出blob为图像
狒狒空空
10-23 3485
PLSQL 导出blob为图像1.PLSQL界面建SQL Window2.编写查询语句3.批量存图代码 1.PLSQL界面建SQL Window 2.编写查询语句 查询相应表获取id,blob与存图名称，需根据自己表更改相应名称。 select rownum id,t_blob,t_name from tableName; 3.批量存图代码 create or replace directory MY_DIR as 'E:/Images'; declare l_file UTL_FILE
python提取blob数据_如何将从数据库接收到的blob数据转换成python中的图像
weixin_39861627的博客
02-04 1504
将blob/image转换为image不需要cv2，只需要将blob/image存储在磁盘上并显示出来。下面是从mysql blob到磁盘文件的检索示例。。在祝你好运！在引用的页面URL:URLimport mysql.connectorfrom mysql.connector import Errordef write_file(data, filename):# Convert binary ...
C# 进行mysql数据库连接，对blob文件进行读取、转换为图片并保存
sinat_35360215的博客
09-16 1992
2 C# 进行mysql数据库连接，对blob文件进行读取、转换为图片并保存 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using MySql.Data.MySqlClient; using System.Text; namespace SGXT.UI.Admin {
java如何将数据库blob格式的图片传给小程序端进行展示
09-24
在Java中，将数据库的BLOB（Binary Large Object）格式的图片转换成适合小程序端展示的格式，通常需要经过以下几个步骤： 1. **从数据库获取BLOB数据**： 使用JDBC（Java Database Connectivity）或ORM框架如MyBatis、Hibernate等，通过SQL查询获取到存储在数据库中的BLOB类型图像数据。 ```java Blob blobImage = dBConnection.getConnection().prepareStatement("SELECT image FROM images WHERE id = ?") .setLong(1, yourImageId) .getBlob(); ``` 2. **读取并解码BLOB**： 将BLOB数据转换成字节数组，然后解析为常见的图片格式，比如JPEG或PNG。 ```java InputStream inputStream = blobImage.getBinaryStream(); byte[] imageData = IOUtils.toByteArray(inputStream); ``` 3. **Base64编码**： 图片通常是字节流形式，为了在小程序前端方便处理，可以将其转换为Base64字符串。 ```java String base64Image = Base64.encodeBase64String(imageData); ``` 4. **发送给小程序**： 将Base64编码后的字符串作为参数，通过HTTP请求或者其他通信方式（如WebSocket）发送给小程序。在小程序端，这个字符串可以直接用于设置网络请求返回的数据，再由小程序加载显示。 ```java // Java后端发送 Map<String, String> responseMap = new HashMap<>(); responseMap.put("image", base64Image); sendResponse(responseMap); // 使用HTTP响应或者WebSocket发送 // 小程序端接收 onNetRequestSuccess(data) { const base64Image = data.image; // 解码Base64并展示图片 } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值