基於JSP實現資料庫中圖片的儲存與顯示

最後更新：2018-12-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

資料庫應用程式，特別是基於WEB的資料庫應用程式，常會涉及到圖片資訊的儲存和顯示。通常我們使用的方法是將所要顯示的圖片存在特定的目錄下，在資料庫中儲存相應的圖片的名稱，在JSP中建立相應的資料來源，利用資料庫訪問技術處理圖片資訊。但是，如果我們想動態顯示圖片，上述方法就不能滿足需要了。我們必須把圖片存入資料庫，然後通過編程動態地顯示我們需要的圖片。實際操作中，可以利用JSP的編程模式來實現圖片的資料庫儲存和顯示。

1.建立MSsqlserver資料庫test,表pictruenews;
CREATE TABLE [dbo].[picturenews] (
[id] [int] IDENTITY (1, 1) NOT NULL ,
[image] [image] NULL ,
[content] [varchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
[detail] [varchar] (5000) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO
2.加入mssqlserver的jar包
3.四個jsp
add.jsp
<%@ page contentType="text/html;charset=gb2312"%>
<HTML>
<HEAD>
<TITLE>儲存圖片</TITLE>
</HEAD>
<body>

<FORM METHOD=POST ACTION="InputImage.jsp">
新聞標題：<INPUT TYPE="text" NAME="content"><BR>
新聞圖片：<INPUT TYPE="file" NAME="image"><BR>
新聞內容：
<TEXTAREA name="txtmail" rows="15" cols="90"
style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px

solid;
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;

FONT-SIZE: 9pt;
HEIGHT: 200px; WIDTH: 100%" wrap="physical" ></TEXTAREA><br>
<INPUT TYPE="submit"></form>
</body>
</HTML>

InputImage.jsp 存圖片
<%@ page contentType="text/html;charset=gb2312"%>
<%@ page import="java.sql.*" %>
<%@ page import="java.util.*"%>
<%@ page import="java.text.*"%>
<%@ page import="java.io.*"%>
<html>
<body>
<%
Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver" );
Connection con=DriverManager.getConnection

("jdbc:microsoft:sqlserver://localhost:1433;databaseName=test","sa","sa");
Statement stmt=con.createStatement();
String content=request.getParameter("content");
content=new String(content.getBytes("8859_1"),"gb2312");

String detail=request.getParameter("txtmail");
detail=new String(detail.getBytes("8859_1"),"gb2312");

String sql="insert into picturenews(content,image,detail) values(?,?,?)";
PreparedStatement pstmt=con.prepareStatement(sql);
pstmt.setString(1,content);

String filename=new String(request.getParameter("image").getBytes("8859_1"),"gb2312");

//D:/photo/美女/221.jpg
FileInputStream str=new FileInputStream(filename);

//FileInputStream(String name)
// 通過開啟一個到實際檔案的串連來建立一個 fileinputstream，該檔案通過檔案系統中的路徑名 name 指定。
pstmt.setBinaryStream(2,str,str.available());

//InputStream.available() 返回下一次對此輸入資料流調用的方法可以不受阻塞地從此輸入資料流讀取（或跳過）的估計剩餘位元組數。
//preparedStatement.setBinaryStream(int parameterIndex, InputStream x, int length)
pstmt.setString(3,detail);
pstmt.execute();
//將資料存入資料庫
out.println("Success,You Have Insert an Image Successfully");
%>

testimageout.jsp 根據id取圖片
<%@ page contentType="text/html;charset=gb2312"%>
<%@ page import="java.sql.*" %>
<%@ page import="java.util.*"%>
<%@ page import="java.text.*"%>
<%@ page import="java.io.*"%>
<html>
<body>
<%

Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver" );
Connection con=DriverManager.getConnection

("jdbc:microsoft:sqlserver://localhost:1433;databaseName=test","sa","sa");
Statement stmt=con.createStatement();
ResultSet rs=null;
int id= Integer.parseInt(request.getParameter("id"));
String sql = "select image from picturenews WHERE id="+id+"";
rs=stmt.executeQuery(sql);
while(rs.next()) {
ServletOutputStream sout = response.getOutputStream();
InputStream in = rs.getBinaryStream("image");
byte b[] = new byte[0x7a120];
for(int i = in.read(b); i != -1;)//?????????????? 少一項

//read()從輸入資料流中讀取一定數量的位元組，並將其儲存在緩衝區數組 b 中。如果因為流位於檔案末尾而沒有可用的位元組，則傳回值 -1；方法的效果等同於：read(b, 0, b.length)
{
sout.write(b);
//將緩衝區的輸入輸出到頁面
in.read(b);
}
sout.flush();
//輸入完畢，清除緩衝
sout.close();
}
%>
</body>
</html>

index.jsp 顯示圖片的一個例子
<%@ page contentType="text/html;charset=gb2312"%>
<%@ page import="java.sql.*" %>
<html>
<head>
<title>動態顯示資料庫圖片</title>
</head>
<body>
<table>
<tr><td><IMG height=99 src="testimageout.jsp?id=1" width=136></td>
//取出第一個圖片
</tr></table>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More