快捷導(dǎo)航

asp.net實現(xiàn)存儲和讀取數(shù)據(jù)庫圖片

更新時間：2019年11月08日 14:32:03 作者：merciaMA

這篇文章主要為大家詳細(xì)介紹了asp.net實現(xiàn)存儲和讀取數(shù)據(jù)庫圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了asp.net存儲和讀取數(shù)據(jù)庫圖片的具體代碼，供大家參考，具體內(nèi)容如下

1. 創(chuàng)建asp.net web窗體項目

代碼如下：

<body>
  <form id="form1" runat="server">
    <h2>上傳圖片</h2>
    <div>
      <asp:FileUpload ID="ful_image" runat="server" />
      <asp:Button ID="btn_submit" runat="server" Text="提交" />
       <asp:Label ID="lbl_message" runat="server" Text="Label"></asp:Label>
    </div>
     <h2>展示圖片</h2>
    <div>
      <asp:Button ID="btn_show" runat="server" Text="展示圖片" />
      <asp:Panel ID="pn_images" runat="server"></asp:Panel>
    </div>
  </form>
</body>

效果圖如下：

2. 創(chuàng)建數(shù)據(jù)庫

數(shù)據(jù)庫腳本如下：

create database Imagetest
 go
 use Imagetest
 CREATE TABLE [dbo].[imageTable](
 [ID] [int] IDENTITY(1,1) NOT NULL,
 [imageData] [image] NULL,
 CONSTRAINT [PK_imageTable] PRIMARY KEY CLUSTERED 
(
 [ID] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]

數(shù)據(jù)庫生成結(jié)果圖：

3.使用EF實現(xiàn)圖片存儲

實現(xiàn)代碼：

protected void btn_submit_Click(object sender, EventArgs e)
    {
      ImagetestEntities ie = new ImagetestEntities();
      imageTable it = new imageTable();
      it.imageData = ful_image.FileBytes;
      it= ie.imageTables.Add(it);
      ie.SaveChanges();
      if(it.ID!=0)
      {
        lbl_message.Text = "圖片上傳成功";
      }
      else
      {
        lbl_message.Text = "圖片上傳失敗";
      }
    }

運行結(jié)果：

4. 使用EF實現(xiàn)圖片的展示

實現(xiàn)代碼：

protected void btn_show_Click(object sender, EventArgs e)
    {
      ImagetestEntities ie = new ImagetestEntities();
      List<imageTable> list= ie.imageTables.ToList<imageTable>();
      foreach (imageTable item in list)
      {
        Image img = new Image();
        img.ImageUrl ="data:image/png;base64,"+ Convert.ToBase64String(item.imageData);
        pn_images.Controls.Add(img);

      }
    }

運行結(jié)果：