通过JSP显示BLOB（图片）

Question

我有一个代码来显示员工图表。

数据（姓名、电话、照片等）存储在 SQLServer 中并通过 JSP 显示。可以显示数据，除了图像 .jpg（存储在 IMAGE=BLOB 列中）。

顺便说一句，我已经显示了图像（请参见下面的代码），但我不知道如何将它放在 .css 中定义的区域中（也请参见下面的代码），因为图像通过了resultSet 在浏览器的整个页面中加载。

有谁知道如何“构图”图像？

 <%
Connection con = FactoryConnection_SQL_SERVER.getConnection("empCHART");
Statement stSuper = con.createStatement();
Statement stSetor = con.createStatement();

Blob image = null;
byte[] imgData = null;

ResultSet rsSuper = stSuper.executeQuery("SELECT * FROM funChart WHERE dept = 'myDept'");

if (rsSuper.next()) {
image = rsSuper.getBlob(12);
imgData = image.getBytes(1, (int) image.length());
response.setContentType("image/gif");
OutputStream o = response.getOutputStream();
//o.write(imgData); // even here we got the same as below.
//o.flush();
//o.close();

--[...]

<table style="margin: 0px; margin-top: 15px;">
<tr>
<td id="photo">
<img title="<%=rsSuper.getString("empName").trim()%>" src="<%= o.wite(imageData); o.flush(); o.close(); %>" />
</td>
</td>

<td id="empData">
<h3><%=rsSuper.getString("empName")%></h3>
<p><%=rsSuper.getString("Position")%></p>
<p>Id:<br/><%=rsSuper.getString("id")%></p>
<p>Phone:<br/><%=rsSuper.getString("Phone")%></p>
<p>E-Mail:<br/><%=rsSuper.getString("Email")%></p>
</td>
</table>

这是应该构成图像的片段：

 #photo
{
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    width: 170px;
    height: 220px;
}

提前致谢 ！

原文由 jMarcel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你在这里犯了一些根本性的错误。 <img src> 必须指向一个 URL，不包含图像的二进制内容。 JSP 页面本身的内容类型不应设置为 image/gif 。它应该保持默认为 text/html 。网络服务器不应该像您预期的那样在 HTML 结果中包含具体图像。是网络浏览器根据 src 属性中的 URL 单独下载图像，然后相应地显示它们。

最简单的方法是创建一个单独的 servlet，将图像从数据库流式传输到响应主体。您可以通过请求参数或路径信息来唯一标识图像。这是一个为此使用请求参数的示例：

 <img src="imageServlet?id=<%=rsSuper.getString("id")%>" />

doGet() 方法应该 基本上 执行这个工作：

 String id = request.getParameter("id");

// ...

InputStream input = resultSet.getBinaryStream("imageColumnName");
OutputStream output = response.getOutputStream();
response.setContentType("image/gif");
// Now write input to output the usual way.

---

与具体问题 无关，十年来官方强烈反对以这种方式使用 scriptlet 。也许您正在阅读完全过时的书籍/教程，或者正在维护一个古老的 JSP Web 应用程序。对于一些见解，另请参阅以下问题的答案以获取一些提示：

• 如何避免 JSP 文件中的 Java 代码？
• 使用 MVC 和 DAO 模式在 JSP 页面中以 HTML 格式显示 JDBC ResultSet
• 如何在 JSP 页面中从数据库中检索和显示图像？

原文由 BalusC 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

  Connection con = new DBConnection().getConnection();
        String sql = " SELECT * FROM tea ";
        PreparedStatement ps = con.prepareStatement(sql);
        ResultSet rs = ps.executeQuery();

        while (rs.next()) {
            byte[] imgData = rs.getBytes("img"); // blob field
            request.setAttribute("rvi", "Ravinath");
            rs.getString("teatitle");

            String encode = Base64.getEncoder().encodeToString(imgData);
            request.setAttribute("imgBase", encode);
        }

然后使用jstl在jsp页面上提取属性

 <img src="data:image/jpeg;base64,${imgBase}" />

原文由 Ravinath 发布，翻译遵循 CC BY-SA 3.0 许可协议