網站中的圖片可以保存到文件系統中,即專門的目錄用於圖片的存放,這樣的存儲配上數據庫中保存的圖片路徑信息,相信很多網站是這麼選擇的。這樣的搭配由於存儲和管理信息是分開的,其優點就是對數據庫的性能不會產生太大影響,但是也正是由於這種分開網站的目錄結構輕易是不可以變的,另外圖片數據的備份需要數據庫和文件目錄同步進行。另外一種存儲和管理圖片的方式是將圖片存到數據庫中,如果站點的圖片數量不是太多,圖片不是太大,這種方式是相當適合的。本文我們看一下如何使用ADO.Net Entity Framework構建數據訪問層,實現將圖片存到數據庫中以及從數據庫中獲取圖片。
前期工作:創建數據表+構建數據訪問層
第一步,創建數據表。
表中需要一個用於保存圖片的字段,類型設置為image,代碼如下:
CREATE TABLE [dbo].[images](
[id] [int] IDENTITY(1,1) NOT NULL,
[imagefile] [image] NOT NULL)
第二步,構建數據訪問層。該類型的數據的插入與一般的基本SQL類型不同,不過在.net 3.5平台上工作的程序員不需要考慮太多訪問數據庫的具體代碼,我們可以選擇ADO.Net Entity Framework和Linq to SQL,這裡我們以前者為例。方法簡單介紹如下:
項目中新建,選擇ADO.Net Entity Data Model,根據向導建立到數據庫的連接,根據向導選擇數據庫中的剛才建立的表images,向導結束之後項目中會添加一個edmx類型的文件,默認的界面中會打開自動生成的實體類圖,我們在向導中選擇的所有表格都會對應一個實體類默認的名稱是與數據表相同,此處的images對應的實體類也是images,但是這樣默認使用的話會造成歧義,我們需要手動修改一下,點擊images類在屬性對話框中將Name屬性改為image,Entity Set Name可以改為imageSet或者不改動保持images表示的是image集合,之後實體類圖中對應的類名也變成image了。這裡假設存放圖片的數據庫名為XXX,那麼生成的管理類也就是我們後面使用最多的類名為XXXEntitIEs。
將圖片保存到SQL Server數據庫中
首先聲明一個image類型的變量不妨稱之為img, image img = new image();,繼而創建一個XXXEntities對象, XXXEntities XXX = new XXXEntitIEs();
(注意using命名空間和添加對System.Data.Entity的引用)
ASP.Net web頁面中添加FileUpload控件,該控件提供一個屬性PostedFile能夠為服務器提供一個輸入輸出流,剛好可以供我們將選擇的圖片讀到服務器的內存裡,代碼如下:
System.IO.Stream stream = FileUpload1.PostedFile.InputStream;
byte[] buffer = new byte[stream.Length];
stream.Read(buffer, 0, (int)stream.Length);
stream.Close();
img.imagefile = buffer;
接下來就是將代表圖片的字節數組存到數據庫中,代碼如下:
XXX.AddToimageSet(t);
XXX.SaveChanges();
這樣將圖片存入數據庫的操作就完成了。
從數據庫中獲取圖片並顯示到ASP.Net頁面
asp.net頁面showImage.aspx中放入一個Image控件,命名為Image1,由於圖片是從數據庫取來的二進制文件,因而不像使用文件系統時圖片都有自己的URL,我們可以直接設置其URL為圖片在網站中的路徑,解決方法如下:新建另外一個專門用於提供圖片的asp.net頁面getImage.ASPx,其功能僅僅是從數據庫中讀取圖片,使用Response.BinaryWrite()的方式將圖片數據流輸出,接下來您可能已經想到了,我們將image1的URL設置為上述getImage.aspx,如果需要根據圖片的id之類的信息進行選擇,我們為該ASP.Net頁面提供一個額外的id參數即可。
讀取圖片,依然使用上述的XXX實體管理類,比如獲取id為1的圖片,代碼為:
int id = int.Parse(Request.QueryString["id"]);
image img = XXX.imageSet.Where(i=> i.ID == id).First();
Response.BinaryWrite(img.imageFile);
showImage.aspx中為Image1控件設置URL為"getImage.aspx?id=1"(可以在cs代碼中編程設置,也可以在ASPx中靜態設置),就可以正確顯示需要的圖片了。