上传图片以二进制插入到数据库,且读取显示

    技术2022-05-11  83

    前台shangchuan.aspx代码:<%@ Page language="c#" Codebehind="shangchuan.aspx.cs" AutoEventWireup="false" Inherits="hualong.allknow.shangchuan" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD>  <title>shangchuan</title>  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">  <meta name="CODE_LANGUAGE" Content="C#">  <meta name="vs_defaultClientScript" content="JavaScript">  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <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" RUNAT="server" STYLE="WIDTH:320px" ACCEPT="text/*" NAME="up_file" id="up_file">     </TD>    </TR>    <TR>     <TD>      文件说明(添加上传图片说明,如:作者、出处)     </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" TEXT="Upload Image" ID="Button1" />     </TD>    </TR>   </TABLE>  </FORM> </BODY></HTML>

     

    下面是后台shangchuan.aspx.cs代码: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 hualong.allknow{ /// <summary> /// shangchuan 的摘要说明。 /// </summary> public class shangchuan : System.Web.UI.Page {  protected System.Web.UI.WebControls.TextBox txtDescription;  protected System.Web.UI.WebControls.Label txtMessage;  protected System.Web.UI.WebControls.Button Button1;  protected System.Web.UI.HtmlControls.HtmlInputFile up_file;  protected Int32 fileLength = 0;   private void Page_Load(object sender, System.EventArgs e)  {   // 在此处放置用户代码以初始化页面  }

      #region Web 窗体设计器生成的代码  override protected void OnInit(EventArgs e)  {   //   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。   //   InitializeComponent();   base.OnInit(e);  }    /// <summary>  /// 设计器支持所需的方法 - 不要使用代码编辑器修改  /// 此方法的内容。  /// </summary>  private void InitializeComponent()  {       this.Button1.Click += new System.EventHandler(this.Button1_Click);   this.Load += new System.EventHandler(this.Page_Load);

      }  #endregion

      private void Button1_Click(object sender, System.EventArgs e)  {      HttpPostedFile upFile = up_file.PostedFile;//HttpPostedFile对象,用来读取上传图片的属性            fileLength = upFile.ContentLength;//记录文件的长度   try   {    if(fileLength==0)//当文件长度为0的时候    {     txtMessage.Text = "请选择要上传的文件!";    }    else    {     byte[] fileByte = new byte[fileLength];//用图片的长度来初始化一个字节数组存储临时的图片文件     Stream fileStream = upFile.InputStream;//建立文件流对象     fileStream.Read(fileByte,0,fileLength);//读取图片数据到临时存储体fileByte,0为数据指针位置,fileLength为数据长度     string connString = "Data Source=192.168.1.250;database=image;uid=pwqzc;pwd=cn0088";     SqlConnection conn = new SqlConnection(connString);//初始化数据库连接     string insertStr = "insert into image (image_data,image_content_type,image_description,image_size) values (@image_data,@image_content_type,@image_description,@image_size)";     //插入数据库语句     SqlCommand comm = new SqlCommand(insertStr,conn);     comm.Parameters.Add(new SqlParameter("@image_data",SqlDbType.Image));//添加参数     comm.Parameters["@image_data"].Value = fileByte;//给参数赋值     comm.Parameters.Add(new SqlParameter("@image_content_type",SqlDbType.VarChar,50));     comm.Parameters["@image_content_type"].Value = upFile.ContentType;//记录图片类型     comm.Parameters.Add(new SqlParameter("@image_description",SqlDbType.VarChar,50));     comm.Parameters["@image_description"].Value = txtDescription.Text;//把其他的表单数据上传     comm.Parameters.Add(new SqlParameter("@image_size",SqlDbType.Int,4));     comm.Parameters["@image_size"].Value = upFile.ContentLength;//记录图片长度,读取数据的时候使用     conn.Open();//打开数据库连接     comm.ExecuteNonQuery();//添加数据     conn.Close();//关闭数据库     txtMessage.Text = "你已经成功的上传了图片";    }   }   catch(Exception ex)   {       txtMessage.Text = ex.Message.ToString();   }  } }}下面是读取代码:using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Data.SqlClient;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.HtmlControls;

    namespace hualong.allknow{ /// <summary> /// readimage 的摘要说明。 /// </summary> public class readimage : System.Web.UI.Page {  private void Page_Load(object sender, System.EventArgs e)  {   // 在此处放置用户代码以初始化页面   int imgId = int.Parse(Request.QueryString["imgId"]);//imgId为图片的id   //建立数据库连接   string connString = "server=192.168.1.250;database=image;uid=pwqzc;pwd=cn0088";   SqlConnection conn = new SqlConnection(connString);   //数据库操作语句   string selString = "select * from image where image_id = @image_id";   SqlCommand comm = new SqlCommand(selString,conn);   comm.Parameters.Add(new SqlParameter("@image_id",SqlDbType.Int,4));   comm.Parameters["@image_id"].Value = imgId;   conn.Open();//打开数据库连接   SqlDataReader dr = comm.ExecuteReader();//读出数据   dr.Read();//读一行   //设定输出文件的类型   Response.ContentType = (string)dr["image_content_type"];   //输出图片文件二进制数据   Response.OutputStream.Write((byte[])dr["image_data"],0,(int)dr["image_size"]);   Response.End();   dr.Close();   conn.Close();  }

      #region Web 窗体设计器生成的代码  override protected void OnInit(EventArgs e)  {   //   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。   //   InitializeComponent();   base.OnInit(e);  }    /// <summary>  /// 设计器支持所需的方法 - 不要使用代码编辑器修改  /// 此方法的内容。  /// </summary>  private void InitializeComponent()  {       this.Load += new System.EventHandler(this.Page_Load);

      }  #endregion }}下面是显示代码xianshi.aspx:<%@ Page language="c#" Codebehind="xianshi.aspx.cs" AutoEventWireup="false" Inherits="hualong.allknow.xianshi" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD>  <title>xianshi</title>  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">  <meta name="CODE_LANGUAGE" Content="C#">  <meta name="vs_defaultClientScript" content="JavaScript">  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout">  <form id="Form1" method="post" runat="server">   <img src="readimage.aspx?imgId=1">  </form> </body></HTML>

     

    最新回复(0)