2013.11.28 Base64编码后的图片信息在JSP页面中的显示[JFinal框架项目]

最新推荐文章于 2022-12-02 08:48:50 发布

原创最新推荐文章于 2022-12-02 08:48:50 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#base64 #图片

服务端专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了如何处理Base64编码后的图片，包括直接使用编码字符串显示和后台转码后通过流写出来的两种方法。重点讨论了不同场景下的适用性和限制，如IE8浏览器的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片经Base64编码后会生成一个特定的字符串，显示时就把这个字符串解码。有两种方式来处理：

1.<img id="img" alt="" src="data:image/gif;base64,${record.bpic}" title="点击看大图">

直接从数据库取出字段数据，放在img标签的src中：src="data:image/gif;base64,${record.bpic}"，图片就可以显示了

但是当图片过大时，在IE8下无法查看（IE8只能通过这种方式显示小于32k的图片）

2.<img id="img" alt="" src="${ctx }/build/getImgByte?id=${record.bid}" title="点击看大图">

在后台转码后通过流写出来：

public void getImgByte() {
// 接收施工场地的ID
String bid = getPara("id");
System.out.println(" getImgByte ");
// 数据库读取该条施工场地的数据
Build build = BuildService.service.findFirstByPropertity("bid", bid);
OutputStream os;
try {
os = getResponse().getOutputStream();
// 调用方法将图片内容转成byte并且通过流写出去
GenerateImage(build.getStr("bpic"),os);
} catch (IOException e) {
e.printStackTrace();
}
// 获取的图片信息已经通过流写出去了，因此不再需要跳转
renderNull();
}

public static boolean GenerateImage(String imgStr,OutputStream out) {
if (imgStr == null) // 图像数据为空
return false;

// Base64解码
BASE64Decoder decoder = new BASE64Decoder();
try {
byte[] b = decoder.decodeBuffer(imgStr);
for (int i = 0; i < b.length; ++i) {
if (b[i] < 0) {// 调整异常数据
b[i] += 256;
}
}
out.write(b);
out.flush();
out.close();
return true;
} catch (Exception e) {
return false;
}
}