图像未在 Servlet 的 jsp 内提供

Question

我有一个jsp，其中对于表的每一行，我需要显示数据库中存在的图像。我从数据库中检索所有表行数据（包括 Blob 形式的图像）并将其存储在 bean 中。图像作为字节数组存储在 bean 中，如下所示：

photo = rs.getBlob("PHOTO");
photoByteArray = photo.getBytes(1, (int)photo.length());

在 jsp 中循环 bean 列表时，src 属性指向如下所示的 servlet：

<img class="img" width="55" height="50" src="displayThumbnail?photoData=${part.photoData}">

它提供如下所示的图像，但在调试时它们不会显示字节数组似乎确实有数据。

protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws IOException {
    response.setContentType("image/jpeg");
    OutputStream o = response.getOutputStream();
    String photoDataStr = request.getParameter("photoData");
    byte[] photoData = null;
    if(photoDataStr != null) {
        photoData = photoDataStr.getBytes();
    }
    o.write(photoData);
    o.close();
}

但是图像没有显示。现在，如果我查询数据库中的每个单独图像，如下所示，在这种情况下图像确实显示得很好。

protected void processRequest(HttpServletRequest request, HttpServletResponse response) {
    PreparedStatement pstmt = null;
    ResultSet rs = null;
    Connection conn = null;
            try {
        if(conn == null) {
            conn = open();
        }
        pstmt = conn.prepareStatement("select photo from PART_PHOTOS where id = ?");
        String id = request.getParameter("id");
        pstmt.setString(1, id);
        rs = pstmt.executeQuery();
        if (rs.next()) {
            Blob b = rs.getBlob("photo");
            response.setContentType("image/jpeg");
            response.setContentLength((int) b.length());
            InputStream is = b.getBinaryStream();
            OutputStream os = response.getOutputStream();
            byte buf[] = new byte[(int) b.length()];
            is.read(buf);
            os.write(buf);
            os.close();
            is.close();
        }
    } catch (Exception ex) {
        System.out.println(ex.getMessage());
        ex.printStackTrace();
    } finally {
         if (rs != null) {
            try {
                rs.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
            rs = null;
        }
        if (pstmt != null) {
            try {
                pstmt.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
            pstmt = null;
        }
        //check if it's the end of the loop
            if (conn != null) {
                    try {
                        conn.close();
                    } catch (SQLException e) {
                        e.printStackTrace();
                    }
                    conn = null;
                }
    }
}

如果有人可以提供任何类似的建议，我将不胜感激。

Answer 1

您假设您可以将随机二进制数据放入 HTML 文件中，并且它将被正确解析并完好无损地发送回您的服务器。这是一个糟糕的假设！如果不出意外的话，与引号字符的 ASCII 对应的字节将会引起问题，对吧？更不用说编码问题了，而且 URL 的参数必须进行 urlencode 编码。这只是注定要失败的。

为了实现这项工作，您在提供页面时必须对二进制数据进行某种显式文本编码（可能是 base64），然后在 URL 回发后将 servlet 参数解码回二进制图像数据。

Answer 2

您的第一个 processRequest() 代码片段仅发回 photoData 请求参数的字节表示形式，而不是该参数标识的照片数据。看起来像是您的代码中的错误。

看来您正试图以错误的方式解决问题。当您第一次创建 HTML 表时，将第一个查询中的图像存储在“bean”中不会给您带来任何好处，除非您缓存数据，并且后续的 displayThumbnail 请求从缓存中检索图像，从而避免数据库查询。

如果您不想搞乱缓存，则无需将图像存储在初始 bean 中，因为它不会为您提供任何内容，只需执行第二个 processRequest() 代码片段之类的操作即可在浏览器要求时直接获取图像它。

Answer 3

您的 ${part.photoData} 表达式必须返回一些 ID。在 processRequest() 方法中，您必须获取该 ID 值（通过使用 request.getParameter("photoData")），并通过该值从数据库（或者更好地从缓存或文件系统）检索图像，并将二进制数据发送到 Web 客户端。