onmouseover显示存储在数据库中的blob中的图像

时间:2012-08-29 13:36:39

标签: jquery css jsp

图像(.jpg)以blob类型存储在数据库中。我编写了用于检索blob的代码

<%@ page import="java.sql.*"%>
<%@ page import="java.io.*"%>
<% Blob image = null;
java.sql.Connection con = null;
byte[ ] imgData = null ;
java.sql.Statement stmt = null;
java.sql.ResultSet rs = null;
 try {
System.out.println("DisplayBlob.jsp request Parameter "+request.getParameter("imgName"));
con = java.sql.DriverManager.getConnection("jdbc:oracle:thin:@ip:1521:sid","userName", "password");
stmt = con.createStatement();
rs = stmt.executeQuery("SELECT blobObj FROM ImageBlobTable");
if (rs.next()) {
image = rs.getBlob(1);
imgData = image.getBytes(1,(int)image.length());
} else {
out.println("Display Blob Example");
out.println("image not found for given id>");
return;
}
response.setContentType("image/gif");
OutputStream o = response.getOutputStream();
o.write(imgData);
o.flush();
o.close();
} catch (Exception e) {
out.println("Unable To Display image");
out.println("Image Display Error=" + e.getMessage());
return;
} finally {
try {
rs.close();
stmt.close();
con.close();
 } catch (SQLException e) {
 e.printStackTrace();
 }
 }
 %>  

有index.jsp。在这个Jsp中有文本,当用户将光标移动到文本时,我必须显示图像。当用户在该文本上移除光标时,图像应该消失。 我怎么能这样做?

Techn:JSP,jquery

1 个答案:

答案 0 :(得分:1)

将代码拆分为servlet,用于图像数据检索+下载,如this,以及通过JavaScript that执行图像显示/隐藏的JSP。