如何在jsp中的img标签中获取blob图像

时间:2015-01-21 10:32:51

标签: java html image jsp

我找不到从Db获取blob图像的解决方案,并使用jsp在img标签中显示。我试过如下代码,

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="java.sql.*" %>
    <%@ page import="java.io.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border=1>
<%
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection connection =DriverManager.getConnection("jdbc:mysql://localhost:3306/raptor1_5","root","");
Statement st=connection.createStatement();
ResultSet rst = st.executeQuery("select * from contacts");
while(rst.next())
{
    Blob image = rst.getBlob("Images");
    byte[ ] imgData = null ; 
    imgData = image.getBytes(1,(int)image.length());
    String answer = rst.getString("Answers");
    //response.setContentType("image/gif");

    //OutputStream o = response.getOutputStream();


%>
    <tr>
    <td><img src="<%=imgData %>" alt="images Here" width="130px" height="90px"></td>
    <td><%=answer %></td>
    </tr>
<%} 
}
catch(Exception e)
{
    e.printStackTrace();
}



%>
</table>
</body>
</html>

我在<img>尝试了许多问题,例如从数据库中检索blob文件,但我不明白如何显示。所以请有人告诉我如何使用jsp动态地在<img>标签中获取blob图像。< / p>

我希望有人能帮帮我..!

1 个答案:

答案 0 :(得分:1)

您可以尝试使用带有数据网址的内联图片,点击此处了解更多信息:http://www.websiteoptimization.com/speed/tweak/inline-images/

这将数据编码为base64。

String imgDataBase64=new String(Base64.getEncoder().encode(imgData));

这是为了在网页中显示图像

<img src="data:image/gif;base64,<%= imgDataBase64 %>" alt="images Here" width="130px" height="90px"/>

如果您对base64有疑问,可以使用https://gist.github.com/EmilHernvall/953733

中的此功能
public static String encode(byte[] data)
    {
        char[] tbl = {
            'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P',
            'Q','R','S','T','U','V','W','X','Y','Z','a','b','c','d','e','f',
            'g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v',
            'w','x','y','z','0','1','2','3','4','5','6','7','8','9','+','/' };

        StringBuilder buffer = new StringBuilder();
        int pad = 0;
        for (int i = 0; i < data.length; i += 3) {

            int b = ((data[i] & 0xFF) << 16) & 0xFFFFFF;
            if (i + 1 < data.length) {
                b |= (data[i+1] & 0xFF) << 8;
            } else {
                pad++;
            }
            if (i + 2 < data.length) {
                b |= (data[i+2] & 0xFF);
            } else {
                pad++;
            }

            for (int j = 0; j < 4 - pad; j++) {
                int c = (b & 0xFC0000) >> 18;
                buffer.append(tbl[c]);
                b <<= 6;
            }
        }
        for (int j = 0; j < pad; j++) {
            buffer.append("=");
        }

        return buffer.toString();
    }

要使用它,只需

String imgDataBase64=encode(imgData));