Asp.Net从零开始6(上传图片到数据库)

没有Asp.net开发经验的朋友可以看看这篇文章，可以从零开始学习各种ASP.NET技能。本资料是本人整理的ASP.NET与C#的基础资料。如需了解请查阅VS.NET的相关书籍。省略的内容有ASP.NET基础语法、C#基础语法、HTML语法、JAVASCRIPT语法。 适用人群：初学ASP.NET ### ASP.NET从零开始6（上传图片到数据库） #### 知识点概览 本文将详细介绍如何使用ASP.NET实现图片的上传与存储至数据库，并在网页中显示这些图片。主要涉及的技术点包括ASP.NET Web Forms的基本操作、C#编程语言的基础使用、文件流的处理方法以及SQL Server数据库的操作。适合ASP.NET初学者进行学习与实践。 #### 重点内容详解 ##### 一、设置HTML表单以支持文件上传 为了能够通过ASP.NET应用上传文件（例如图片），我们需要对`<form>`标签做一些特殊的设置。具体来说，我们需要添加`enctype="multipart/form-data"`属性。这是因为默认情况下，HTML表单使用的是`application/x-www-form-urlencoded`编码类型，这种类型只能用于简单的文本数据传输。而文件上传需要使用`multipart/form-data`来正确处理二进制数据。 **代码示例**: ```html <form id="Form1" method="post" enctype="multipart/form-data" runat="server"> <!-- 表单其他内容 --> </form> ``` 这里的关键在于`enctype`属性，它告诉浏览器使用`multipart/form-data`格式来编码表单数据。 ##### 二、读取上传文件的数据 当用户选择了一个文件并点击提交后，我们需要在服务器端获取这个文件的信息。这可以通过`HttpPostedFileBase`对象完成，该对象提供了文件的元数据以及读取文件内容的方法。 **代码示例**: ```csharp string imgtype = myFile.PostedFile.ContentType; string imgtitle = TextBox1.Text; Stream imgdatastream = myFile.PostedFile.InputStream; int imgdatalen = myFile.PostedFile.ContentLength; byte[] imgdata = new byte[imgdatalen]; int n = imgdatastream.Read(imgdata, 0, imgdatalen); ``` 这段代码首先获取了文件的MIME类型、标题、数据流和长度。接着，将文件内容读入一个字节数组中。这些数据将在后续步骤中被存储到数据库中。 ##### 三、连接并操作SQL Server数据库 接下来，我们需要使用ADO.NET连接到SQL Server数据库，并执行插入操作以存储图片数据。 **代码示例**: ```csharp string connstr = "server=new;uid=sa;pwd=sa;database=dianxinkapin"; SqlConnection connection = new SqlConnection(connstr); SqlCommand command = new SqlCommand("INSERT INTO ImageStore(id,imgtitle,imgtype,imgdata) VALUES (@id, @imgtitle, @imgtype, @imgdata)", connection); command.Parameters.Add("@id", SqlDbType.VarChar, 50).Value = TextBox1.Text; command.Parameters.Add("@imgtitle", SqlDbType.VarChar, 50).Value = TextBox2.Text; command.Parameters.Add("@imgdata", SqlDbType.Image).Value = imgdata; command.Parameters.Add("@imgtype", SqlDbType.VarChar, 50).Value = imgtype; connection.Open(); int numRowsAffected = command.ExecuteNonQuery(); connection.Close(); ``` 这里创建了一个`SqlConnection`对象来连接到指定的SQL Server实例，并定义了一个`SqlCommand`对象来执行插入语句。注意，我们使用了参数化查询以避免SQL注入攻击。 ##### 四、显示存储在数据库中的图片 为了让用户能够查看之前上传的图片，我们需要从数据库中检索图片数据并在页面上显示。 **代码示例**: ```csharp string sql = "SELECT imgdata, imgtype FROM ImageStore WHERE id ='" + TextBox1.Text + "'"; SqlConnection connection = new SqlConnection(connstr); SqlCommand command = new SqlCommand(sql, connection); connection.Open(); SqlDataReader dr = command.ExecuteReader(); if (dr.Read()) { Response.ContentType = dr["imgtype"].ToString(); Response.BinaryWrite((byte[])dr["imgdata"]); } connection.Close(); ``` 这段代码首先构建了一个查询语句来从数据库中获取图片数据及其类型。接着，通过`SqlDataReader`读取结果集，并设置响应的内容类型为图片的MIME类型。使用`Response.BinaryWrite`方法将图片数据发送回客户端。 #### 总结 通过以上步骤，我们成功实现了使用ASP.NET上传图片到SQL Server数据库的功能，并能够在网页上显示这些图片。这对于许多Web应用来说都是非常实用的功能，尤其是在需要用户上传个人资料或产品图片的情况下。希望本文能够帮助您更好地理解和掌握这一过程。