zoukankan      html  css  js  c++  java
  • 图片以二进制形式写入数据库并显示

    1.首先,在数据库中,创建存放图片的表:image. 把存放图片的字段类型设置为image类型;
    2.添加新项,拖放FileUpload控件 与一个Button按钮,来实现图片上传;
          拖放一个Label控件,来提示用户上传成功与否;
          拖放GridView控件来显示图片;

    3.接下来先实现图片上传的功能:
          双击Button按钮,添加单击事件:     
     

    复制代码
     protected void Button1_Click(object sender, EventArgs e)
        
    {
            
    try
            
    {
                
    string ImgPath = FileUpload1.PostedFile.FileName;    //获取FileUpload控件上的内容
                string ImgName = ImgPath.Substring(ImgPath.LastIndexOf("\\"+ 1);  //获取图片文件名
                string ImgExtend = ImgPath.Substring(ImgPath.LastIndexOf("."+ 1);   //获取图片扩展名(图片类型)

                
    if (!(ImgExtend == "bmp" || ImgExtend == "jpg" || ImgExtend == "gif"))  //判断图片上传类型
                {
                    Label1.Text 
    = "上传格式不正确!";
                    
    return;
                }



                
    int FileLen = FileUpload1.PostedFile.ContentLength;
                Byte[] FileData 
    = new Byte[FileLen];

                HttpPostedFile hp 
    = FileUpload1.PostedFile;
                Stream sr 
    = hp.InputStream;     //创建文件流

                sr.Read(FileData, 
    0, FileLen);

                SqlConnection con 
    = new SqlConnection(constr);   //连接数据库
                string query = "insert into image (image_name) values (@imgdata)";
                con.Open();
                SqlCommand cmd 
    = new SqlCommand(query, con);
                cmd.Parameters.Add(
    "@imgdata", SqlDbType.Image);    //以参数化形式写入数据库

                cmd.Parameters[
    "@imgdata"].Value = FileData;
                cmd.ExecuteNonQuery();
                con.Close();
                Label1.Text 
    = "save!!";
                GridView1.DataBind();
            }

            
    catch(Exception error)
            
    {
                Label1.Text 
    = "处理失败!原因为:" + error.ToString();
            }

        }
    复制代码

                
          到这里,图片以二进制流写入数据库的操作已经成功了!
          接下来要实现的是,通过GridView控件 从数据库中读取图片。

    4.在这之前,我们得先创建一个ashx文件来处理图片:
          右击解决方案-》添加新项-》选择"一般处理程序" 并命名为GetImage.ashx.
       打开GetImage.ashx文件,引入需要用到的命名空间:

    using System.Configuration;
    using System.IO;
    using System.Drawing;
    using System.Data.SqlClient;

       
       将GetImage.ashx文件中Hello World的代码注释:输入以下内容:

    复制代码
     public void ProcessRequest (HttpContext context) {
            
    //context.Response.ContentType = "text/plain";
            
    //context.Response.Write("Hello World");
            int ID = int.Parse(context.Request["id"].ToString());
            
    string constr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
            
            MemoryStream stream 
    = new MemoryStream();
            SqlConnection conn 
    = new SqlConnection(constr);
            Bitmap bm 
    = null;
            Image image 
    = null;
            
    try
            {
                conn.Open();
                SqlCommand cmd 
    = new SqlCommand("select image_name from image where image_id='" + ID + "'", conn);
                
    byte[] blob = (byte[])cmd.ExecuteScalar();
                context.Response.ContentType 
    = "image/gif";
                context.Response.BinaryWrite(blob);
                context.Response.End();
                
    #region
                
                stream.Write(blob, 
    78, blob.Length - 78);
                bm 
    = new Bitmap(stream);
                
    int width = 48;
                
    int height = (int)(width * ((double)bm.Height / (double)bm.Width));

                
    // getthumbnailimage生成缩略图 
                image = bm.GetThumbnailImage(width, height, null, IntPtr.Zero);
                context.Response.ContentType
    = "image/jpeg";
                image.Save(context.Response.OutputStream,System.Drawing.Imaging.ImageFormat.Jpeg); 
                 
                
    #endregion
            }
            
    catch (Exception ex)
            {
                
    //throw new Exception(ex.Message);
            }
            
    finally
            {
                
    if (image != null)
                    image.Dispose();
                
    if (bm != null)
                    bm.Dispose();
                stream.Close();
                conn.Close();
            }
        }
    复制代码

          
          接下来,配置Gridview控件的显示内容。
    5.添加Sqldatasource控件,并配置好需要显示的数据内容;
       在GridView控件中,选择数据源为SqlDataSource1,并添加三个字段,分别显示图片ID、图片缩略图,而通过LinkButton 控件来显示原来图片:
       
       设计模式源代码:

    复制代码
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" AllowPaging="True" PageSize="5">
                       
    <Columns>
                           
    <asp:BoundField DataField="image_id" HeaderText="ID" />
                           
    <asp:TemplateField HeaderText="圖片">
                           
    <ItemTemplate>
                           
    <img src='<%# "GetImage.ashx?id="+ DataBinder.Eval(Container.DataItem,"image_id")%>' alt="" width="250px" height="250px"/>
                           
    </ItemTemplate>
                           
    </asp:TemplateField>
                           
    <asp:TemplateField HeaderText="link">
                               
    <ItemTemplate>
                               
    <href='<%#"GetImage.ashx?id="+ DataBinder.Eval(Container.DataItem,"image_id") %>' target="_blank">LinkButton</a>
                               
    </ItemTemplate>
                           
    </asp:TemplateField>
                        
    </Columns>
                    
    </asp:GridView>
            
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                SelectCommand
    ="SELECT * FROM [image]"></asp:SqlDataSource>
    复制代码

          
    6.保存,运行代码!即可实现图片二进制形式写入数据库,并通过GridView + SqlDataSource控件来显示!
     
    以下为完整代码:
    1、前台XHTML代码:

    复制代码
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        
    <title>二进制形式写入数据库并显示</title>
    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <div>
            
    <asp:FileUpload ID="FileUpload1" runat="server" />
            
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
            
    <br />
            
            
    <asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label><br />
            
    <br />
            
    <br />
            
            
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" AllowPaging="True" PageSize="5">
                       
    <Columns>
                           
    <asp:BoundField DataField="image_id" HeaderText="ID" />
                           
    <asp:TemplateField HeaderText="圖片">
                           
    <ItemTemplate>
                           
    <img src='<%# "GetImage.ashx?id="+ DataBinder.Eval(Container.DataItem,"image_id")%>' alt="" width="250px" height="250px"/>
                           
    </ItemTemplate>
                           
    </asp:TemplateField>
                           
    <asp:TemplateField HeaderText="link">
                               
    <ItemTemplate>
                               
    <href='<%#"GetImage.ashx?id="+ DataBinder.Eval(Container.DataItem,"image_id") %>' target="_blank">LinkButton</a>
                               
    </ItemTemplate>
                           
    </asp:TemplateField>
                        
    </Columns>
                    
    </asp:GridView>
            
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                SelectCommand
    ="SELECT * FROM [image]"></asp:SqlDataSource>
            
        
    </div>
        
    </form>
    </body>
    </html>
    复制代码


    2.GetImage.ashx文件:

    复制代码
    <%@ WebHandler Language="C#" Class="GetImage" %>

    using System;
    using System.Web;
    using System.Configuration;
    using System.IO;
    using System.Drawing;
    using System.Data.SqlClient;

    public class GetImage : IHttpHandler {
        
        
    public void ProcessRequest (HttpContext context) {
            
    //context.Response.ContentType = "text/plain";
            
    //context.Response.Write("Hello World");
            int ID = int.Parse(context.Request["id"].ToString());
            
    string constr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
            
            MemoryStream stream 
    = new MemoryStream();
            SqlConnection conn 
    = new SqlConnection(constr);
            Bitmap bm 
    = null;
            Image image 
    = null;
            
    try
            {
                conn.Open();
                SqlCommand cmd 
    = new SqlCommand("select image_name from image where image_id='" + ID + "'", conn);
                
    byte[] blob = (byte[])cmd.ExecuteScalar();
                context.Response.ContentType 
    = "image/gif";
                context.Response.BinaryWrite(blob);
                context.Response.End();
                
    #region
                
                stream.Write(blob, 
    78, blob.Length - 78);
                bm 
    = new Bitmap(stream);
                
    int width = 48;
                
    int height = (int)(width * ((double)bm.Height / (double)bm.Width));

                
    // getthumbnailimage生成缩略图 
                image = bm.GetThumbnailImage(width, height, null, IntPtr.Zero);
                context.Response.ContentType
    = "image/jpeg";
                image.Save(context.Response.OutputStream,System.Drawing.Imaging.ImageFormat.Jpeg); 
                 
                
    #endregion
            }
            
    catch (Exception ex)
            {
                
    //throw new Exception(ex.Message);
            }
            
    finally
            {
                
    if (image != null)
                    image.Dispose();
                
    if (bm != null)
                    bm.Dispose();
                stream.Close();
                conn.Close();
            }
        }

        
    public bool IsReusable
        {
            
    get
            {
                
    return false;
            }
        }
    }
    复制代码

    3.后代cs代码:

    复制代码
    using System;
    using System.Data;
    using System.Configuration;
    using System.Collections;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using System.Data.SqlClient;
    using System.IO;
    public partial class Default3 : System.Web.UI.Page
    {
        
    string constr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
        
    protected void Page_Load(object sender, EventArgs e)
        {
            
    if (!Page.IsPostBack)
            {
                GridView1.DataBind();
            }
        }
        
    protected void Button1_Click(object sender, EventArgs e)
        {
            
    try
            {
                
    string ImgPath = FileUpload1.PostedFile.FileName;    //获取FileUpload控件上的内容
                string ImgName = ImgPath.Substring(ImgPath.LastIndexOf("\\"+ 1);  //获取图片文件名
                string ImgExtend = ImgPath.Substring(ImgPath.LastIndexOf("."+ 1);   //获取图片扩展名(图片类型)

                
    if (!(ImgExtend == "bmp" || ImgExtend == "jpg" || ImgExtend == "gif"))  //判断图片上传类型
                {
                    Label1.Text 
    = "上传格式不正确!";
                    
    return;
                }


                
    int FileLen = FileUpload1.PostedFile.ContentLength;
                Byte[] FileData 
    = new Byte[FileLen];

                HttpPostedFile hp 
    = FileUpload1.PostedFile;
                Stream sr 
    = hp.InputStream;     //创建文件流

                sr.Read(FileData, 
    0, FileLen);

                SqlConnection con 
    = new SqlConnection(constr);   //连接数据库
                string query = "insert into image (image_name) values (@imgdata)";
                con.Open();
                SqlCommand cmd 
    = new SqlCommand(query, con);
                cmd.Parameters.Add(
    "@imgdata", SqlDbType.Image);    //以参数化形式写入数据库

       
             cmd.Parameters["@imgdata"].Value = FileData;
                cmd.ExecuteNonQuery();
                con.Close();
                Label1.Text 
    = "save!!";
                GridView1.DataBind();
            }
            
    catch(Exception error)
            {
                Label1.Text 
    = "处理失败!原因为:" + error.ToString();
            }
        }
    }
    复制代码


    //------------------------------------------------------------------------------------------------//
    另外想说明的是:
         有些人觉得图片二进制写进数据库太麻烦,可以直接把图片上传后放进项目下的 文件夹内!
    然而获取的时候,不能通过Image控件来读取。
         而只能通过img标签以 img中的src属性以:

         <%# Eval("数据库中的图片文件名字段")%>绑定的形式来获取到图片!!

    (ps:转至: http://www.cnblogs.com/cancer_xu/archive/2009/09/13/1565845.html

     
  • 相关阅读:
    Scala window下安装
    HIVE 总结
    mapreduce源码解析以及优化
    Hadoop2.x + eclipse 插件配置
    python spark
    Hive与Hbase关系整合
    Sqoop架构以及应用介绍
    flume
    SOAP
    Leetcode#75 Sort Colors
  • 原文地址:https://www.cnblogs.com/LifeKingcn/p/2612810.html
Copyright © 2011-2022 走看看