Asp.net 2.0(C#)图片存储到数据库和从数据库读取显示

最新推荐文章于 2025-11-30 16:29:01 发布
最新推荐文章于 2025-11-30 16:29:01 发布 · 110 阅读 · 0
文章标签：

#数据库 #ui #xhtml

本文介绍了一个使用ASP.NET实现的图片上传及显示功能的具体实现方法。通过C#代码完成图片信息的收集、存储和展示，并详细展示了如何利用ASP.NET中的控件进行布局设计和交互操作。

最近捣鼓了一下，效果就是这样：
图1：


图2：


ImageFileUpload.aspx：

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="ImageFileUpload.aspx.cs"Inherits="ImageFileUpload"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>图片保存和显示</title>
</head>
<body>
<formid="Form2"enctype="multipart/form-data"runat="server">

<asp:TableID="Table1"Runat="server"Width="39%"BorderWidth="1"BackColor="Beige">

<asp:TableRowrunat="server">

<asp:TableCellColumnSpan="2"BackColor="Red"runat="server">

<asp:LabelID="Label1"Font-size="12px"ForeColor="White"font-bold="True"Runat="server"Text="添加"Font-Names="verdana"/>

</asp:TableCell>

</asp:TableRow>

<asp:TableRowrunat="server">

<asp:TableCellHorizontalAlign="Right"runat="server"><asp:LabelID="Label2"Font-size="12px"Runat="server"Text="名字"Font-Names="verdana"/></asp:TableCell>

<asp:TableCellrunat="server"><asp:TextBoxid="txtPersonName"Runat="server"/></asp:TableCell>

</asp:TableRow>

<asp:TableRowrunat="server">

<asp:TableCellHorizontalAlign="Right"runat="server"><asp:LabelID="Label3"Font-size="12px"Runat="server"Text="Email"Font-Names="verdana"/></asp:TableCell>

<asp:TableCellrunat="server"><asp:TextBoxid="txtPersonEmail"Runat="server"/></asp:TableCell>

</asp:TableRow>

<asp:TableRowrunat="server">

<asp:TableCellHorizontalAlign="Right"runat="server"><asp:LabelID="Label4"Font-size="12px"Runat="server"Text="性别"Font-Names="verdana"/></asp:TableCell>

<asp:TableCellrunat="server">

<asp:RadioButtonGroupName="sex"Font-Size="12px"Text="男性"ID="sexMale"Runat="server"　Checked="true"/>

<asp:RadioButtonGroupName="sex"Font-Size="12px"Text="女性"ID="sexFeMale"Runat="server"/>

</asp:TableCell>

</asp:TableRow>

<asp:TableRowrunat="server">

<asp:TableCellHorizontalAlign="Right"runat="server"><asp:LabelID="Label5"Font-size="12px"Runat="server"Text="生日"Font-Names="verdana"/></asp:TableCell>

<asp:TableCellrunat="server"><asp:TextBoxid="txtPersonDob"runat="server"/></asp:TableCell>

</asp:TableRow>

<asp:TableRowrunat="server">

<asp:TableCellHorizontalAlign="Right"runat="server"><asp:LabelID="Label6"Font-size="12px"Runat="server"Text="图片"Font-Names="verdana"/></asp:TableCell>

<asp:TableCellrunat="server"><inputtype="file"id="PersonImage"runat="server"/></asp:TableCell>

</asp:TableRow>

<asp:TableRowrunat="server">

<asp:TableCellColumnSpan="2"HorizontalAlign="Center"runat="server">

<asp:ButtonID="Button1"Text="添加"OnClick="AddPerson"runat="server"/>

</asp:TableCell>

</asp:TableRow>

</asp:Table>
<br/>
<table>
<tr>
<tdalign="left"valign="top"style="width:181px">
<asp:LabelID="Label_Message"runat="server"Font-Size="10pt"></asp:Label></td>
<tdstyle="width:7px">
</td>
<tdalign="left"style="width:18px"valign="top">
</td>
</tr>
<tr>
<tdstyle="width:181px;"align="left"valign="top">
<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="False"CellPadding="4"DataKeyNames="PersonID"DataSourceID="SqlDataSource_SelectImage"ForeColor="#333333"OnSelectedIndexChanged="GridView1_SelectedIndexChanged"Font-Size="10pt"Width="200px"BackColor="#FFE0C0">
<FooterStyleBackColor="#507CD1"Font-Bold="True"ForeColor="White"/>
<Columns>
<asp:TemplateFieldHeaderText="序号"InsertVisible="False"SortExpression="PersonID">
<EditItemTemplate>
<asp:LabelID="Label1"runat="server"Text='<%#Eval("PersonID")%>'></asp:Label>
</EditItemTemplate>
<ItemTemplate>
<asp:LabelID="Label1"runat="server"Text='<%#Bind("PersonID")%>'></asp:Label>
</ItemTemplate>
<HeaderStyleWidth="35px"/>
</asp:TemplateField>
<asp:BoundFieldDataField="PersonName"HeaderText="名字"SortExpression="PersonName"/>
<asp:BoundFieldDataField="PersonImageType"HeaderText="图片类型"SortExpression="PersonImageType"/>
<asp:CommandFieldShowSelectButton="True">
<ItemStyleWidth="30px"/>
</asp:CommandField>
</Columns>
<RowStyleBackColor="#EFF3FB"/>
<EditRowStyleBackColor="#2461BF"/>
<SelectedRowStyleBackColor="#D1DDF1"Font-Bold="True"ForeColor="#333333"/>
<PagerStyleBackColor="#2461BF"ForeColor="White"HorizontalAlign="Center"/>
<HeaderStyleBackColor="Red"Font-Bold="True"ForeColor="White"/>
<AlternatingRowStyleBackColor="White"/>
</asp:GridView>
</td>
<tdstyle="width:7px;height:180px;">
</td>
<tdalign="left"style="width:18px;height:180px;"valign="top">
<asp:ImageID="Image_Show"runat="server"/></td>
</tr>
<tr>
<tdstyle="width:181px">
</td>
<tdstyle="width:7px">
</td>
<tdstyle="width:18px">
</td>
</tr>
<tr>
<tdstyle="width:181px;height:21px;">
</td>
<tdstyle="width:7px;height:21px;">
</td>
<tdstyle="width:18px;height:21px;">
</td>
</tr>
</table>
<asp:SqlDataSourceID="SqlDataSource_SelectImage"runat="server"ConnectionString="<%$ConnectionStrings:ImageSelect_ConnectionString%>"
SelectCommand="SELECTPersonID,PersonName,PersonImageTypeFROMPerson"></asp:SqlDataSource>

</form>
</body>
</html>

ImageFileUpload.aspx.cs：
usingSystem;
usingSystem.Data;
usingSystem.Configuration;
usingSystem.Collections;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;
usingSystem.Data.SqlClient;
usingSystem.IO;




publicpartialclassImageFileUpload:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{

}





protectedvoidAddPerson(objectsender,EventArgse)
{
intintImageSize;
stringstrImageType;
StreamImageStream;

intImageSize=PersonImage.PostedFile.ContentLength;
ImageStream=PersonImage.PostedFile.InputStream;
strImageType=PersonImage.PostedFile.ContentType;
Byte[]ImageContent=newByte[intImageSize];
intintStatus;
intStatus=ImageStream.Read(ImageContent,0,intImageSize);

//stringConnStr=System.Configuration.ConfigurationSettings.AppSettings["Lw_SqlConnectString"];
stringConnStr="DataSource=127.0.0.1;InitialCatalog=Pfrmis_TZXY;UserID=sa";
SqlConnectionmyConnection=newSqlConnection(ConnStr);
SqlCommandmyCommand=newSqlCommand("sp_person_isp",myConnection);
myCommand.CommandType=CommandType.StoredProcedure;

SqlParameterprmEmail=newSqlParameter("@PersonEmail",SqlDbType.VarChar,255);

prmEmail.Value=txtPersonEmail.Text;
myCommand.Parameters.Add(prmEmail);

SqlParameterprmName=newSqlParameter("@PersonName",SqlDbType.VarChar,255);

prmName.Value=txtPersonName.Text;
myCommand.Parameters.Add(prmName);

SqlParameterprmSex=newSqlParameter("@PersonSex",SqlDbType.Char,1);
if(sexMale.Checked)
{
prmSex.Value="M";
}
else
{
prmSex.Value="F";
}
myCommand.Parameters.Add(prmSex);

SqlParameterprmPersonDOB=newSqlParameter("@PersonDOB",SqlDbType.DateTime);

prmPersonDOB.Value=txtPersonDob.Text;

myCommand.Parameters.Add(prmPersonDOB);

SqlParameterprmPersonImage=newSqlParameter("@PersonImage",SqlDbType.Image);

prmPersonImage.Value=ImageContent;

myCommand.Parameters.Add(prmPersonImage);

SqlParameterprmPersonImageType=newSqlParameter("@PersonImageType",SqlDbType.VarChar,255);

prmPersonImageType.Value=strImageType;

myCommand.Parameters.Add(prmPersonImageType);

try
{

myConnection.Open();
myCommand.ExecuteNonQuery();

myConnection.Close();

Response.Write("添加成功！");

}
catch(SqlExceptionSQLexc)
{
Response.Write("插入失败，错误如下："+SQLexc.ToString());
}



}


protectedvoidGridView1_SelectedIndexChanged(objectsender,EventArgse)
{

//Session["id"]="";

Labellbl1;
lbl1=(Label)GridView1.SelectedRow.Cells[0].FindControl("Label1");

Label_Message.Text="你选择的图片是："+lbl1.Text;
Session["id"]=lbl1.Text;
Image_Show.ImageUrl="ImageShow.aspx";
}
}

ImageShow.aspx：(显示图片)
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="ImageShow.aspx.cs"Inherits="ImageShow"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>无标题页</title>
</head>
<body>
<formid="form1"runat="server">
<div>

</div>
</form>
</body>
</html>

ImageShow.aspx.cs:

usingSystem;
usingSystem.Data;
usingSystem.Configuration;
usingSystem.Collections;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;
usingSystem.Data.SqlClient;
publicpartialclassImageShow:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
//连接数据库的第一种方法
SqlConnectionmyConnection=newSqlConnection(ConfigurationManager.AppSettings["Lw_SqlConnectString"]);

//连接数据库的第二种方法
//SqlConnectionmyConnection=newSqlConnection("DataSource=.;InitialCatalog=Tcis_shrl;UserId=sa;Password=;");
if(Session["id"]==null)
{

}
else
{
stringsql="SelectPersonImagefromPersonWherePersonID=";
SqlCommandmyCommand=newSqlCommand(sql+Session["id"].ToString().Trim(),myConnection);

try
{
myConnection.Open();
SqlDataReadermyDataReader;
myDataReader=myCommand.ExecuteReader(CommandBehavior.CloseConnection);
if(myDataReader.Read())
{
Response.Clear();


//Response.ContentType="image/pjpeg";//可有可无
Response.BinaryWrite((byte[])myDataReader["PersonImage"]);
}
myConnection.Close();
}
catch(SqlExceptionSQLexc)
{
Response.Write(SQLexc);
}
Response.End();
}
}
}


最后一个存储过程：
Drop Table Person

Go

Create Table Person

(

PersonID Int Identity,

PersonEmail Varchar(255),

PersonName Varchar(255),

PersonSex Char(1),

PersonDOB DateTime,

PersonImage Image,

PersonImageType Varchar(255)

)

Drop Proc sp_person_isp

Go

Create Proc sp_person_isp

@PersonEmail Varchar(255),

@PersonName Varchar(255),

@PersonSex Char(1),

@PersonDOB DateTime,

@PersonImage Image,

@PersonImageType Varchar(255)

As

Begin

Insert into Person

(PersonEmail, PersonName, PersonSex,

PersonDOB, PersonImage, PersonImageType)

Values

(@PersonEmail, @PersonName, @PersonSex,

@PersonDOB, @PersonImage, @PersonImageType)

End

Go

iteye_11590
关注
BC2 asp.net 2.0 C#电子商务网站源码 sql2000数据库 简单明了 适合学习 没有自定义控件
05-08
【BC2 ASP.NET 2.0 C# 电子商务网站源码】是一个专为初学者设计的项目，旨在帮助他们理解ASP.NET 2.0和C#编程语言在构建电子商务平台时的应用。这个源码库使用SQL Server 2000作为后端数据库，提供了基础的电子商务...
Asp.net 中图片存储数据库以及页面读取显示通用方法详解
累的像头牛的专栏
03-25 1959
原文地址：http://www.cnblogs.com/chenkai/archive/2010/02/03/1662542.html前端碰到对在一个系统遇到流程控制中需要存储在数据库存储一个签名图片的问题-一直控制不好, 今天特别关于这个问题详细看了一下.其实这个问题网上资源还是相当多的,但问题是过于凌乱 资料残缺不全 甚至我感觉其中有相当的一部分会对读者产生一些误导.对于Asp.n
Asp.net2.0电子商务网站源码深度解析及应用
weixin_42594427的博客
07-21 1072
在现代软件开发领域中，三层架构是一种常见的软件架构模式，它将软件系统分解为三个层次：表示层（用户界面层）、业务逻辑层（业务规则层）、数据访问层（数据处理层）。这种模式不仅使得系统结构更加清晰，也便于维护和扩展。表示层：直接与用户交互，负责展示数据和接收用户输入，是用户直接操作的界面。业务逻辑层：处理业务规则和业务流程，是系统的核心部分，它在表示层和数据访问层之间起到了承上启下的作用。数据访问层：负责与数据源交互，执行数据持久化的操作。三层架构的优势在于：解耦合。
ASP.NET 2.0编程技巧之用Response对象输出图像
weixin_33979363的博客
11-08 616
一、 简介 作为ASP.NET基本对象之一的Response对象不但可以通过Write()方法直接在页面上输出字符串数据，而且还可以使用BinaryWrite()方法直接显示二进制表示的数据，如图像、图片等。 本文示例小工程将向你展示如何使用Response对象在ASP.NET 2.0 Web页面中输出直接存储在SQL Server 2005数...
aspnet读取数据库中的二进制图片并在前台显示（Image控件）
Superstarimage
07-02 1852
//创建链接数据库的字符串 string SqlStr = "Server=DESKTOP-5R3FQND;User Id=sa;Pwd=123456;DataBase=db_CCSESITE"; SqlConnection sqlcon = new SqlConnection(SqlStr); //创建SqlConnectin对象 SqlData...
ASP.NET 2.0 企业级Web应用案例开发(C#语言)
weixin_35094083的博客
08-08 634
ASP.NET 2.0是微软推出的一个面向企业级开发的Web应用程序框架，为开发者提供了丰富的控件库和一个更加灵活和安全的开发环境。本章将介绍ASP.NET 2.0的基本概念，并引导读者完成开发环境的搭建工作。ASP.NET 2.0是.NET Framework的一部分，它简化了基于网络的分布式应用程序的开发。通过使用Web窗体、XML Web服务、HTML、脚本语言和服务器控件等技术，开发者可以快速构建动态的、交互式的Web站点。
ASP.NET 2.0 Excel导入导出解决方案大全
weixin_33670640的博客
11-18 1044
本文还有配套的精品资源，点击获取 简介：标题“导入导出ExcelHelper.rar”暗示该压缩包包含用于在ASP.NET 2.0中导入和导出Excel数据的工具或示例代码。此资源旨在解决在Web应用中与Excel文件进行数据交互的问题，涵盖用户上传Excel文件处理及生成可下载Excel报表的功能。工具可能使用NPOI、EPPlus、ClosedXML等库来实现Excel...
ASP.net 2.0上传图片方法
weixin_30399055的博客
01-21 109
上传图片，一般我们常见的两种方法，一种是把图片文件传到服务器上所指定的文件夹内。写到数据库的是图版相到路迳而于， 还有一种方法是把图版转成二进制数把再写到数据库。 小弟现在写的是前者，如果对后者感兴趣，我们再讨论， 控件 Fileupload textbox iameg 新建表 ID int 自增 img_url varchar 50 程序源码!using Syste...
ASP.NET 2.0示例：数据库图片读写操作详解
通过使用 .NET 2.0 和 C# 语言，开发者可以方便地实现将图片存储到数据库的需求，实现方便、集中的图片管理。该示例涉及的关键技术包括数据库操作、二进制文件处理、FTP 文件传输等，对于学习和理解这些概念提供了很...
ASP.NET 2.0 C#教程：Blob大数据读取与文件操作
在实际编程中，当需要从数据库中读取大量二进制数据时，如图片或文档，BLOB数据存储是一种常见场景。文章的核心知识点包括： 1. SqlDataReader的使用：通过`SqlDataReader`对象的`GetBytes`方法，可以获取特定列的...
ASP.NET2.0实验手册：从开发环境到数据库操作
"ASP.NET2.0实验指导书涵盖了从开发环境的熟悉到各种核心概念的实践，包括C#基础语法、面向对象编程、服务器控件的使用、数据库操作以及高级技术如数据绑定、自定义用户控件、在线编辑器、文件上传和图片处理等。...
基于ASP.NET 2.0和SQL 2005开发的论坛留言板系统
开发者通常会在ASP.NET 2.0应用程序中使用ADO.NET技术来访问和操作SQL Server数据库，实现数据的增删改查等操作。 在文件名称列表中，我们可以看到一些关键的文件和文件夹： - edit.aspx：这是一个ASP.NET页面，...
Redis服务安装自启动(Windows版)
2509_94199043的博客
11-29 871
一般来说，一些中大型企业都会去采用 Linux 服务器来部署 Redis，而且 Redis 官方并没有提供 [Windows 版本](https://gitcode.com/gh_mirrors/wi/windows/overviewutm_source=highlight_word_gitcode&word=windows&isLogin=1 "Windows 版本")的安装包。
MySQL数据库的数据文件保存在哪？MySQL数据存在哪里
最新发布
2509_94083514的博客
11-30 761
在安装好MySQL数据库使用一段时间后，会产生许多的数据库和数据。那这些数据库的数据文件存放在本地文件夹的什么位置呢一、默认位置MySQL创建的数据库实际上存储在文件系统的一个特定目录中，该目录通常为MySQL的数据目录。这个目录的默认位置依据操作系统和MySQL的安装方式不同而有所差异。、这个目录通常位于，它可能位于是个隐藏文件夹）**其中“X.X”是MySQL的版本号。目录（每个数据库都有一个与其同名的文件夹，而这个文件夹中包含了该数据库的所有表的文件，而其中的文件代表了数据库中的表。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值