溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JSP如何實(shí)現(xiàn)數(shù)據(jù)庫中圖片的存儲與顯示

發(fā)布時(shí)間：2021-07-14 14:01:09 來源：億速云 閱讀：366 作者：chen 欄目：編程語言

本篇內(nèi)容主要講解“JSP如何實(shí)現(xiàn)數(shù)據(jù)庫中圖片的存儲與顯示”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“JSP如何實(shí)現(xiàn)數(shù)據(jù)庫中圖片的存儲與顯示”吧!

1、引言

數(shù)據(jù)庫應(yīng)用程序，特別是基于WEB的數(shù)據(jù)庫應(yīng)用程序，常會涉及到圖片信息的存儲和顯示。通常我們使用的方法是將所要顯示的圖片存在特定的目錄下，在數(shù)據(jù)庫中保存相應(yīng)的圖片的名稱，在JSP中建立相應(yīng)的數(shù)據(jù)源，利用數(shù)據(jù)庫訪問技術(shù)處理圖片信息。但是，如果我們想動態(tài)的顯示圖片，上述方法就不能滿足需要了。我們必須把圖片放入數(shù)據(jù)庫存儲起來，然后通過編程動態(tài)地顯示我們需要的圖片。實(shí)際操作中，可以利用JSP的編程模式來實(shí)現(xiàn)圖片的數(shù)據(jù)庫存儲和顯示。

2、建立后臺數(shù)據(jù)庫

假定處理的是圖片新聞，那么我們可以建立相應(yīng)的數(shù)據(jù)庫及數(shù)據(jù)表對象。我們要存取的數(shù)據(jù)表結(jié)構(gòu)的SQL腳本如下所示：

if exists (select * from dbo.sysobjects where id =   object_id(N'[dbo].[picturenews]') andOBJECTPROPERTY(id, N'IsUserTable') = 1)  drop table [dbo].[picturenews]  GO  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

表picturenews中，字段id作為標(biāo)識，每存儲一行數(shù)據(jù)，自動增加1。字段image

用于存儲圖片信息，其數(shù)據(jù)類型為“image”。

3、向數(shù)據(jù)庫存儲二進(jìn)制圖片

啟動Dreamweaver MX后，新建一個(gè)JSP文件。其代碼如下所示。

<%@ page contentType="text/html;charset=gb2312"%>   <HTML> <HEAD> <TITLE>存儲圖片TITLE> HEAD> <body>  <FORM METHOD=POST ACTION="testimage.jsp"> 新 聞 標(biāo) 題：<INPUT TYPE="text" NAME="content"><BR> 新 聞 圖 片：<INPUT TYPE="file" NAME="image"><BR> 新聞內(nèi)容：  <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文件，其中testimage.jsp文件是用來將圖片數(shù)據(jù)存入數(shù)據(jù)庫的，具體代碼如下所示：

<%@ 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("sun.jdbc.odbc.JdbcOdbcDriver");  

  • //加載驅(qū)動程序類  

  • Connection con=DriverManager.getConnection("jdbc:odbc:denglu","sa","sa");  

  • //建立數(shù)據(jù)庫聯(lián)機(jī)，其中denglu為數(shù)據(jù)庫名，sa為連接數(shù)據(jù)庫的帳號及密碼。  

  • Statement stmt=con.createStatement();   

  • //建立Statement對象  

  • String content=request.getParameter("content");  

  • content=new String(content.getBytes("8859_1"),"gb2312");  

  • String filename=request.getParameter("image");  

  • filename=new String(filename.getBytes("8859_1"),"gb2312");  

  • String detail=request.getParameter("txtmail");  

  • detail=new String(detail.getBytes("8859_1"),"gb2312");  

  • //獲得所要顯示圖片的標(biāo)題、存儲路徑、內(nèi)容，并進(jìn)行中文編碼  

  • FileInputStream str=new FileInputStream(filename);  

  • String sql="insert into picturenews(content,image,detail) values(?,?,?)";  

  • PreparedStatement pstmt=con.prepareStatement(sql);  

  • pstmt.setString(1,content);  

  • pstmt.setBinaryStream(2,str,str.available());  

  • pstmt.setString(3,detail);  

  • pstmt.execute();  

  • //將數(shù)據(jù)存入數(shù)據(jù)庫  

  • out.println("Success,You Have Insert an Image Successfully");  

  • %> 

    • 4、網(wǎng)頁中動態(tài)顯示圖片

    接下來我們要編程從數(shù)據(jù)庫中取出圖片，其代碼如下所示。

    <%@ 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("sun.jdbc.odbc.JdbcOdbcDriver");   //加載驅(qū)動程序類  Connection con=DriverManager.getConnection("jdbc:odbc:denglu","sa","sa");  Statement stmt=con.createStatement();  ResultSet rs=null;   //建立ResultSet（結(jié)果集）對象  int id= Integer.parseInt(request.getParameter("id"));  //獲得所要顯示圖片的編號id，并轉(zhuǎn)換為整型  String sql = "select image from picturenews WHERE id="+id+"";   //要執(zhí)行查詢的SQL語句  rs=stmt.executeQuery(sql);  while(rs.next()) {  ServletOutputStream sout = response.getOutputStream();  //圖片輸出的輸出流  InputStream in = rs.getBinaryStream(1);  byte b[] = new byte[0x7a120];  for(int i = in.read(b); i != -1;)  {  sout.write(b);   //將緩沖區(qū)的輸入輸出到頁面  in.read(b);  }  sout.flush();  //輸入完畢，清除緩沖  sout.close();  }  %> body> html>

    將此文件保存為testimageout.jsp文件。下一步要做的工作就是使用HTML標(biāo)記：

    <IMG src="testimageout.jsp?id=<%=rs.getInt("id")%>" width=100 height=100>

    取出所要顯示的圖片，其中id是所要取出圖片的編號。本例中我們輸出了***個(gè)和***一個(gè)圖片信息，詳細(xì)的程序代碼如下所示。

    <%@ page contentType="text/html;charset=gb2312"%>   <%@ page import="java.sql.*" %> <html> <head> <title>動態(tài)顯示數(shù)據(jù)庫圖片title> head> <body> <%   Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");  Connection con=DriverManager.getConnection("jdbc:odbc:denglu","sa","sa");  Statement stmt=con.createStatement();  String sql=new String();  sql= "select * from picturenews";  ResultSet rs=stmt.executeQuery(sql);  rs.last();  //將指針移至***一條記錄  %>   <table> <tr><td><IMG height=99 src="testimageout.jsp?id=1" width=136>td> //取出***個(gè)圖片  <td><IMG height=99 src="testimageout.jsp?id=<%=rs.getInt("id")%>" width=136>td> //取出***一個(gè)圖片  tr>table> body> html>

到此，相信大家對“JSP如何實(shí)現(xiàn)數(shù)據(jù)庫中圖片的存儲與顯示”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手