在表中的jsp文件中显示Database(blob)中的所有图像

时间:2016-12-18 12:08:59

标签: java css mysql jsp

我需要你的帮助。我想在jsp文件中显示我的数据库中的所有图像(其中有6个图像)。为什么JSP文件而不使用outputreader? - >因为我想在下一步用css为表格设置样式,所以我必须以这种特殊方式执行此操作。

选择数据库的所有图片:

public static List<Picture> displayPicture() {

List<Picture> list = new ArrayList<Picture>();

try {

    Class.forName("com.mysql.jdbc.Driver");

    Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:9999/xxx", "xxx", "xxx");

    String sql = "SELECT * FROM PICTURES";

    PreparedStatement ps = conn.prepareStatement(sql);

    ResultSet rs = ps.executeQuery();

    while (rs.next()) {

         byte[] imageData = rs.getBytes("File_Data");
         String imageFileName = rs.getString("File_Name");

         Picture picture = new Picture();
         picture.setImageData(imageData);
         picture.setImageFileName(imageFileName);
         list.add(picture);
    }

} catch (Exception e) {
    e.printStackTrace();
}
return list;

现在我想在setAttribute中保存此List以将其发送到JSP-File:

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<Picture> list =null;
list = DBUtils.displayPicture();

request.setAttribute("pictureList", list);

RequestDispatcher dispatcher = request.getServletContext().getRequestDispatcher("/WEB-INF/views/pictureView.jsp");
dispatcher.forward(request, response);

最后是JSP-File:

<table>
<c:forEach items="${pictureList}" var="picture">
    <tr>
        <td>${picture.imageData}</td>
    </tr>
</c:forEach>

所以我想在表格中显示所有图像。目前看桌子的样子并不重要。使用此代码,我只得到一个带有特殊数字和字母的表格。我认为它是二进制代码,对吗? (例如:beans.Picture@22debaab或[B @ 3f391312])

现在哪里出错了?在JSP-File的代码中我必须使用

<img src=""> 

还是其他什么?如果这是错误,应该如何编码呢?​​

谢谢你们

亲爱的新手

1 个答案:

答案 0 :(得分:0)

使用控制器端的代码段。

List<String> list = new ArrayList<String>();
while (rs.next()) { 
    byte[] imageData = rs.getBytes("File_Data"); 
    list.add(org.apache.commons.codec.binary.Base64.encodeBase64String(imageData)); 
}
request.setAttribute("pictureList", list);

并在html页面中显示,

<table>
    <c:forEach items="${pictureList}" var="picture">
        <tr>
            <td><img src="data:image/jpg;base64,${picture}"/></td>
        </tr>
    </c:forEach>
</table>