ASP.NET下上傳圖片到數(shù)據(jù)庫(kù)，并且讀出圖片的代碼(詳細(xì)版)
更新時(shí)間：2010年07月22日 19:25:23 作者：
上傳圖片到數(shù)據(jù)庫(kù)，從數(shù)據(jù)庫(kù)的創(chuàng)建到數(shù)據(jù)庫(kù)中圖片的現(xiàn)實(shí)都給出了具體的代碼，因?yàn)閍sp.net版本的問(wèn)題，大家可能需要稍微修改下。
首先在SQL Server中建立一個(gè)圖片存儲(chǔ)的數(shù)庫(kù)表，ImageData Column為圖象二進(jìn)制數(shù)據(jù)儲(chǔ)存字段，ImageContentType Column為圖象文件類型記錄字段，ImageDescription Column為儲(chǔ)蓄圖
象文件說(shuō)明字段,ImageSize Column為儲(chǔ)存圖象文件長(zhǎng)度字段，結(jié)構(gòu)如下：
CREATE TABLE [dbo].[ImageStore] (
[ImageID] [int] IDENTITY (1, 1) NOT NULL ,
[ImageData] [image] NULL ,
[ImageContentType] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[ImageDescription] [varchar] (200) COLLATE Chinese_PRC_CI_AS NULL ,
[ImageSize] [int] NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
UpLoadImage.aspx程序內(nèi)容如下：
<%@ Page Inherits="UploadImage.UploadImage" SRC="UpLoadImage.cs" Language="C#"%>
<HTML><title>上傳圖片</title>
<BODY bgcolor="#FFFFFF">
<FORM ENCTYPE="multipart/form-data" RUNAT="server" ID="Form1">
<TABLE RUNAT="server" WIDTH="700" ALIGN="left" ID="Table1" cellpadding="0" cellspacing="0" border="0">
<TR>
<TD>上傳圖片(選擇你要上傳的圖片)</TD>
<TD>
<INPUT TYPE="file" ID="UP_FILE" RUNAT="server" STYLE="Width:320" ACCEPT="text/*" NAME="UP_FILE">
</TD>
</TR>
<TR>
<TD>
文件說(shuō)明(添加上傳圖片說(shuō)明，如：作者、出處)
</TD>
<TD>
<asp:TextBox RUNAT="server" WIDTH="239" ID="txtDescription" MAINTAINSTATE="false" />
</TD>
</TR>
<TR>
<TD>
<asp:Label RUNAT="server" ID="txtMessage" FORECOLOR="red" MAINTAINSTATE="false" />
</TD>
<TD>
<asp:Button RUNAT="server" WIDTH="239" onCLICK="Button_Submit" TEXT="Upload Image" />
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
UpLoadImage.cs程序內(nèi)容如下：
using System;
using System.Web;
using System.IO;
using System.Data;
using System.Data.SqlClient;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace UploadImage
{
public class UploadImage : Page {
protected HtmlInputFile UP_FILE; //HtmlControl、WebControls控件對(duì)象
protected TextBox txtDescription;
protected Label txtMessage;
protected Int32 FileLength = 0; //記錄文件長(zhǎng)度變量
protected void Button_Submit(System.Object sender, System.EventArgs e) {
HttpPostedFile UpFile = UP_FILE.PostedFile; //HttpPostedFile對(duì)象，用于讀取圖象文件屬性
FileLength = UpFile.ContentLength; //記錄文件長(zhǎng)度
try {
if (FileLength == 0) { //文件長(zhǎng)度為零時(shí)
txtMessage.Text = "<b>請(qǐng)你選擇你要上傳的文件</b>";
} else {
Byte[] FileByteArray = new Byte[FileLength]; //圖象文件臨時(shí)儲(chǔ)存Byte數(shù)組
Stream StreamObject = UpFile.InputStream; //建立數(shù)據(jù)流對(duì)像
//讀取圖象文件數(shù)據(jù)，F(xiàn)ileByteArray為數(shù)據(jù)儲(chǔ)存體，0為數(shù)據(jù)指針位置、FileLnegth為數(shù)據(jù)長(zhǎng)度
StreamObject.Read(FileByteArray,0,FileLength);
//建立SQL Server鏈接
SqlConnection Con = new SqlConnection("Data Source=Localhost;Initial
Catalog=testdb;User ID=sa;Pwd=;");
String SqlCmd = "INSERT INTO ImageStore (ImageData, ImageContentType,
ImageDescription, ImageSize) valueS (@Image, @ContentType,
@ImageDescription, @ImageSize)";
SqlCommand CmdObj = new SqlCommand(SqlCmd, Con);
CmdObj.Parameters.Add("@Image",SqlDbType.Binary, FileLength).value =
FileByteArray;
CmdObj.Parameters.Add("@ContentType", SqlDbType.VarChar,50).value =
UpFile.ContentType; //記錄文件類型
//把其它單表數(shù)據(jù)記錄上傳
CmdObj.Parameters.Add("@ImageDescription", SqlDbType.VarChar,200).value =
txtDescription.Text;
//記錄文件長(zhǎng)度，讀取時(shí)使用
CmdObj.Parameters.Add("@ImageSize", SqlDbType.BigInt,8).value =
UpFile.ContentLength;
Con.Open();
CmdObj.ExecuteNonQuery();
Con.Close();
txtMessage.Text = "<p><b>OK!你已經(jīng)成功上傳你的圖片</b>";//提示上傳成功
}
} catch (Exception ex) {
txtMessage.Text = ex.Message.ToString();
}}}}
//----------------------------------------------------------------------
//好了，圖片已經(jīng)上傳到數(shù)據(jù)庫(kù)，現(xiàn)在還要干什么呢？當(dāng)然是在數(shù)據(jù)庫(kù)中讀取及顯示在Web頁(yè)中啦,
請(qǐng)看以下程序:
ReadImage.aspx程序內(nèi)容如下：
/-----------------------------------------------------------------------
<%@ Page Inherits="ReadImage.MainDisplay" SRC="ReadImage.cs"%>
//----------------------------------------------------------------------
//ReadImage.cs程序內(nèi)容如下：
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace ReadImage {
public class MainDisplay : System.Web.UI.Page {
public void Page_Load(System.Object sender, System.EventArgs e) {
int ImgID = Convert.ToInt32(Request.QueryString["ImgID"]); //ImgID為圖片
ID
//建立數(shù)據(jù)庫(kù)鏈接
SqlConnection Con = new SqlConnection("Data Source=KING;Initial
Catalog=testdb;User ID=sa;Pwd=;");
String SqlCmd = "SELECT * FROM ImageStore WHERE ImageID = @ImageID";
SqlCommand CmdObj = new SqlCommand(SqlCmd, Con);
CmdObj.Parameters.Add("@ImageID", SqlDbType.Int).value = ImgID;
Con.Open();
SqlDataReader SqlReader = CmdObj.ExecuteReader();
SqlReader.Read();
Response.ContentType = (string)SqlReader["ImageContentType"];//設(shè)定輸出文件類型
//輸出圖象文件二進(jìn)制數(shù)制
Response.OutputStream.Write((byte[])SqlReader["ImageData"], 0,
(int)SqlReader["ImageSize"]);
Response.End();
Con.Close();
//很簡(jiǎn)單吧^_^
}
}
}
最后，我們當(dāng)然要把它在Web頁(yè)面顯示出來(lái)啦
ShowImage.hml
<html>
<body>
這個(gè)是從數(shù)據(jù)庫(kù)讀取出來(lái)的圖象：<img src="ReadImage.aspx?ImgID=1">
<body>
</html>
象文件說(shuō)明字段,ImageSize Column為儲(chǔ)存圖象文件長(zhǎng)度字段，結(jié)構(gòu)如下：
復(fù)制代碼 代碼如下:
CREATE TABLE [dbo].[ImageStore] (
[ImageID] [int] IDENTITY (1, 1) NOT NULL ,
[ImageData] [image] NULL ,
[ImageContentType] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[ImageDescription] [varchar] (200) COLLATE Chinese_PRC_CI_AS NULL ,
[ImageSize] [int] NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
UpLoadImage.aspx程序內(nèi)容如下：
復(fù)制代碼 代碼如下:
<%@ Page Inherits="UploadImage.UploadImage" SRC="UpLoadImage.cs" Language="C#"%>
<HTML><title>上傳圖片</title>
<BODY bgcolor="#FFFFFF">
<FORM ENCTYPE="multipart/form-data" RUNAT="server" ID="Form1">
<TABLE RUNAT="server" WIDTH="700" ALIGN="left" ID="Table1" cellpadding="0" cellspacing="0" border="0">
<TR>
<TD>上傳圖片(選擇你要上傳的圖片)</TD>
<TD>
<INPUT TYPE="file" ID="UP_FILE" RUNAT="server" STYLE="Width:320" ACCEPT="text/*" NAME="UP_FILE">
</TD>
</TR>
<TR>
<TD>
文件說(shuō)明(添加上傳圖片說(shuō)明，如：作者、出處)
</TD>
<TD>
<asp:TextBox RUNAT="server" WIDTH="239" ID="txtDescription" MAINTAINSTATE="false" />
</TD>
</TR>
<TR>
<TD>
<asp:Label RUNAT="server" ID="txtMessage" FORECOLOR="red" MAINTAINSTATE="false" />
</TD>
<TD>
<asp:Button RUNAT="server" WIDTH="239" onCLICK="Button_Submit" TEXT="Upload Image" />
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
UpLoadImage.cs程序內(nèi)容如下：
復(fù)制代碼 代碼如下:
using System;
using System.Web;
using System.IO;
using System.Data;
using System.Data.SqlClient;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace UploadImage
{
public class UploadImage : Page {
protected HtmlInputFile UP_FILE; //HtmlControl、WebControls控件對(duì)象
protected TextBox txtDescription;
protected Label txtMessage;
protected Int32 FileLength = 0; //記錄文件長(zhǎng)度變量
protected void Button_Submit(System.Object sender, System.EventArgs e) {
HttpPostedFile UpFile = UP_FILE.PostedFile; //HttpPostedFile對(duì)象，用于讀取圖象文件屬性
FileLength = UpFile.ContentLength; //記錄文件長(zhǎng)度
try {
if (FileLength == 0) { //文件長(zhǎng)度為零時(shí)
txtMessage.Text = "<b>請(qǐng)你選擇你要上傳的文件</b>";
} else {
Byte[] FileByteArray = new Byte[FileLength]; //圖象文件臨時(shí)儲(chǔ)存Byte數(shù)組
Stream StreamObject = UpFile.InputStream; //建立數(shù)據(jù)流對(duì)像
//讀取圖象文件數(shù)據(jù)，F(xiàn)ileByteArray為數(shù)據(jù)儲(chǔ)存體，0為數(shù)據(jù)指針位置、FileLnegth為數(shù)據(jù)長(zhǎng)度
StreamObject.Read(FileByteArray,0,FileLength);
//建立SQL Server鏈接
SqlConnection Con = new SqlConnection("Data Source=Localhost;Initial
Catalog=testdb;User ID=sa;Pwd=;");
String SqlCmd = "INSERT INTO ImageStore (ImageData, ImageContentType,
ImageDescription, ImageSize) valueS (@Image, @ContentType,
@ImageDescription, @ImageSize)";
SqlCommand CmdObj = new SqlCommand(SqlCmd, Con);
CmdObj.Parameters.Add("@Image",SqlDbType.Binary, FileLength).value =
FileByteArray;
CmdObj.Parameters.Add("@ContentType", SqlDbType.VarChar,50).value =
UpFile.ContentType; //記錄文件類型
//把其它單表數(shù)據(jù)記錄上傳
CmdObj.Parameters.Add("@ImageDescription", SqlDbType.VarChar,200).value =
txtDescription.Text;
//記錄文件長(zhǎng)度，讀取時(shí)使用
CmdObj.Parameters.Add("@ImageSize", SqlDbType.BigInt,8).value =
UpFile.ContentLength;
Con.Open();
CmdObj.ExecuteNonQuery();
Con.Close();
txtMessage.Text = "<p><b>OK!你已經(jīng)成功上傳你的圖片</b>";//提示上傳成功
}
} catch (Exception ex) {
txtMessage.Text = ex.Message.ToString();
}}}}
//----------------------------------------------------------------------
//好了，圖片已經(jīng)上傳到數(shù)據(jù)庫(kù)，現(xiàn)在還要干什么呢？當(dāng)然是在數(shù)據(jù)庫(kù)中讀取及顯示在Web頁(yè)中啦,
請(qǐng)看以下程序:
ReadImage.aspx程序內(nèi)容如下：
復(fù)制代碼 代碼如下:
/-----------------------------------------------------------------------
<%@ Page Inherits="ReadImage.MainDisplay" SRC="ReadImage.cs"%>
//----------------------------------------------------------------------
//ReadImage.cs程序內(nèi)容如下：
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace ReadImage {
public class MainDisplay : System.Web.UI.Page {
public void Page_Load(System.Object sender, System.EventArgs e) {
int ImgID = Convert.ToInt32(Request.QueryString["ImgID"]); //ImgID為圖片
ID
//建立數(shù)據(jù)庫(kù)鏈接
SqlConnection Con = new SqlConnection("Data Source=KING;Initial
Catalog=testdb;User ID=sa;Pwd=;");
String SqlCmd = "SELECT * FROM ImageStore WHERE ImageID = @ImageID";
SqlCommand CmdObj = new SqlCommand(SqlCmd, Con);
CmdObj.Parameters.Add("@ImageID", SqlDbType.Int).value = ImgID;
Con.Open();
SqlDataReader SqlReader = CmdObj.ExecuteReader();
SqlReader.Read();
Response.ContentType = (string)SqlReader["ImageContentType"];//設(shè)定輸出文件類型
//輸出圖象文件二進(jìn)制數(shù)制
Response.OutputStream.Write((byte[])SqlReader["ImageData"], 0,
(int)SqlReader["ImageSize"]);
Response.End();
Con.Close();
//很簡(jiǎn)單吧^_^
}
}
}
最后，我們當(dāng)然要把它在Web頁(yè)面顯示出來(lái)啦
ShowImage.hml
復(fù)制代碼 代碼如下:
<html>
<body>
這個(gè)是從數(shù)據(jù)庫(kù)讀取出來(lái)的圖象：<img src="ReadImage.aspx?ImgID=1">
<body>
</html>
您可能感興趣的文章:
- asp.net fileupload控件上傳圖片并預(yù)覽圖片
- ASP.net WebAPI 上傳圖片實(shí)例
- asp.net上傳圖片并作處理水印與縮略圖的實(shí)例代碼
- asp.net MVC實(shí)現(xiàn)無(wú)組件上傳圖片實(shí)例介紹
- asp.net+FCKeditor上傳圖片顯示叉叉圖片無(wú)法顯示的問(wèn)題的解決方法
- asp.net上傳圖片保存到數(shù)據(jù)庫(kù)的代碼
- asp.net UpdatePanel實(shí)現(xiàn)無(wú)刷新上傳圖片
- asp.net 自定義控件實(shí)現(xiàn)無(wú)刷新上傳圖片,立即顯示縮略圖,保存圖片縮略圖
- ASP.NET FileUpload 上傳圖片實(shí)例
- asp.net上傳圖片到服務(wù)器方法詳解
相關(guān)文章
這篇文章主要介紹了.NET中的枚舉用法,分析了枚舉的定義、轉(zhuǎn)換、判定等常見(jiàn)用法,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了asp.net微信開(kāi)發(fā)中有關(guān)永久素材管理的相關(guān)內(nèi)容，需要的朋友可以參考下2015-11-11
ASP.NET編程中經(jīng)常用到的27個(gè)函數(shù)集
asp.net 整理的27個(gè)函數(shù)集，大家可以參考下2008-08-08
asp.net 讀取文本文件并插入數(shù)據(jù)庫(kù)的實(shí)現(xiàn)代碼
最近我司和招行有合作，招行給財(cái)務(wù)的是一個(gè)txt格式的賬務(wù)文本文件，文本文件包含很多內(nèi)容，對(duì)賬只需要用到其中一部分內(nèi)容。2010-04-04
MVC4制作網(wǎng)站教程第四章 部分欄目功能實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了MVC4制作網(wǎng)站教程,部分欄目功能實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
aspx后臺(tái)傳遞Json到前臺(tái)的兩種接收方法推薦
下面小編就為大家?guī)?lái)一篇aspx后臺(tái)傳遞Json到前臺(tái)的兩種接收方法推薦。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
.net mvc頁(yè)面UI之Jquery博客日歷控件實(shí)現(xiàn)代碼
最近在做一個(gè)博客系統(tǒng)，其他需要用到博客日歷控件，網(wǎng)上搜索了很多資料，其中大部分都是javascript的，經(jīng)過(guò)總結(jié)使用jquery實(shí)現(xiàn)了博客日歷效果。代碼如下2013-09-09
asp.net顯示圖片到指定的Image控件中 具體實(shí)現(xiàn)
這篇文章介紹了asp.net顯示圖片到指定的Image控件中 具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-11-11
WPF實(shí)現(xiàn)帶全選復(fù)選框的列表控件
這篇文章主要為大家詳細(xì)介紹了WPF實(shí)現(xiàn)帶全選復(fù)選框的列表控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
.NET Windbg分析某婦產(chǎn)醫(yī)院WPF內(nèi)存溢出
這篇文章主要為大家介紹了.NET Windbg分析某婦產(chǎn)醫(yī)院WPF內(nèi)存溢出，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06