上傳于下載功能是程序設(shè)計(jì)中非常常見(jiàn)的一個(gè)功能,在ASP.NET程序開(kāi)發(fā)中有著非常廣泛的應(yīng)用。本文就以實(shí)例形式來(lái)實(shí)現(xiàn)這一功能。
一、概述
如果你僅僅只有Asp.net Web Forms背景轉(zhuǎn)而學(xué)習(xí)Asp.net MVC的,我想你的第一個(gè)經(jīng)歷或許是那些曾經(jīng)讓你的編程變得愉悅無(wú)比的服務(wù)端控件都駕鶴西去了.FileUpload就是其中一個(gè),而這個(gè)控件的缺席給我們帶來(lái)一些小問(wèn)題。這篇文章主要說(shuō)如何在Asp.net MVC中上傳文件,然后如何再?gòu)姆?wù)器中把上傳過(guò)的文件下載下來(lái).
二、實(shí)現(xiàn)方法
1.文件上傳
在Web Forms中,當(dāng)你把一個(gè)FileUpload控件拖到設(shè)計(jì)器中,你或許沒(méi)有注意到在生成的HTML中會(huì)在form標(biāo)簽中加入一條額外屬性enctype="multipart/form-data". 而FileUpload控件本身會(huì)生成為input type=”file” />,在MVC的view里,有許多種方法可以做到同樣效果,第一種的HTML如下:
form action="/" method="post" enctype="multipart/form-data">
input type="file" name="FileUpload1" />br />
input type="submit" name="Submit" id="Submit" value="Upload" />
/form>
注意form標(biāo)簽已經(jīng)包括了enctype標(biāo)簽,而method屬性則設(shè)為”post”,這樣設(shè)置并不多于因?yàn)槟J(rèn)的提交時(shí)通過(guò)HTTP get方式進(jìn)行的。下面這種方式,使用Html.BeginForm()擴(kuò)展方法,會(huì)生成和上面同樣的HTML:
%
using (Html.BeginForm("", "home", FormMethod.Post, new {enctype="multipart/form-data"}))
{%>
input type="file" name="FileUpload1" />br />
input type="submit" name="Submit" id="Submit" value="Upload" />
% }%>
注意input type=”file”>標(biāo)簽的name屬性,我們?cè)诤竺嬖儆懻?
OK,現(xiàn)在我們可以瀏覽本地文件然后通過(guò)Upload提交按鈕將文件提交到服務(wù)器端,下一步就是在服務(wù)器端處理上傳的文件,在使用fileUpload控件時(shí),你可以很輕松的通過(guò)FileUpload的hasFile方法來(lái)查看文件是否被上傳。但是在Asp.net MVC中貌似就不是這么方便了,你會(huì)和原始的HTTP更接近一些,然而,一個(gè)擴(kuò)展方法可以處理這些:
public static bool HasFile(this HttpPostedFileBase file)
{
return (file != null file.ContentLength > 0) ? true : false;
}
當(dāng)你看到對(duì)應(yīng)的Controller類的代碼時(shí),你會(huì)發(fā)現(xiàn)Request對(duì)象作為HttpRequestBase類型的一個(gè)屬性存在。HttpReuqestBase其實(shí)是HTTP請(qǐng)求的一個(gè)封裝,暴漏了很多屬性,包括Files collection(其實(shí)是HttpFileCollectionBase的集合),在集合中的每一個(gè)元素都是HttpPostedFileBase的集合,擴(kuò)展方法是用于確保上傳的文件是否存在。實(shí)際上,這和FileUpload.HasFile()方法的工作原理一致。
在Controller Action中使用起來(lái)其實(shí)很容易:
public class HomeController : Controller
{
public ActionResult Index()
{
foreach (string upload in Request.Files)
{
if (!Request.Files[upload].HasFile()) continue;
string path = AppDomain.CurrentDomain.BaseDirectory + "uploads/";
string filename = Path.GetFileName(Request.Files[upload].FileName);
Request.Files[upload].SaveAs(Path.Combine(path, filename));
}
return View();
}
}
2.多文件上傳
或許你已經(jīng)比我更早的想到如何更好的將Request.Files作為一個(gè)集合使用。這意味著它不僅僅只能容納一個(gè)文件,而能容納多個(gè),我們將上面的View改為如下:
%
using (Html.BeginForm("", "home", FormMethod.Post, new {enctype="multipart/form-data"}))
{%>
input type="file" name="FileUpload1" />br />
input type="file" name="FileUpload2" />br />
input type="file" name="FileUpload3" />br />
input type="file" name="FileUpload4" />br />
input type="file" name="FileUpload5" />br />
input type="submit" name="Submit" id="Submit" value="Upload" />
% }%>
在Controller的代碼中已經(jīng)檢查了是否所有的文件上傳框中都有文件,所以即使對(duì)于多文件上傳,我們也不再需要修改Controller的代碼,注意每一個(gè)input type=”file”>都有不同的name屬性,如果你需要調(diào)用其中一個(gè),比如說(shuō),你需要引用第三個(gè)輸入框只需要使用:Request.Files["FileUpload3"].
3.存入數(shù)據(jù)庫(kù)
在你沖我狂吼”關(guān)注點(diǎn)分離”之前,我想聲明下面的代碼僅僅用于作為說(shuō)明功能.我將ADO.Net的代碼放入Controller action中,但我們都知道,這并不好。數(shù)據(jù)訪問(wèn)的代碼應(yīng)該放在Model中某個(gè)部分的數(shù)據(jù)訪問(wèn)層中.但是,下面這段代碼僅僅可以給大家怎樣將上傳的文件存入數(shù)據(jù)庫(kù)中一個(gè)更直觀的印象,首先,我們需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)表(FileTest)并創(chuàng)建一個(gè)表:FileStore
CREATE TABLE [dbo].[FileStore](
[ID] [int] IDENTITY(1,1) NOT NULL,
[FileContent] [image] NOT NULL,
[MimeType] [nvarchar](50) NOT NULL,
[FileName] [nvarchar](50) NOT NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
FileContent域是image數(shù)據(jù)類型,用于存儲(chǔ)以二進(jìn)制數(shù)據(jù)形成的文件,而Index Action改為:
public ActionResult Index()
{
foreach (string upload in Request.Files)
{
if (!Request.Files[upload].HasFile()) continue;
string mimeType = Request.Files[upload].ContentType;
Stream fileStream = Request.Files[upload].InputStream;
string fileName = Path.GetFileName(Request.Files[upload].FileName);
int fileLength = Request.Files[upload].ContentLength;
byte[] fileData = new byte[fileLength];
fileStream.Read(fileData, 0, fileLength);
const string connect = @"Server=.\SQLExpress;Database=FileTest;Trusted_Connection=True;";
using (var conn = new SqlConnection(connect))
{
var qry = "INSERT INTO FileStore (FileContent, MimeType, FileName) VALUES (@FileContent, @MimeType, @FileName)";
var cmd = new SqlCommand(qry, conn);
cmd.Parameters.AddWithValue("@FileContent", fileData);
cmd.Parameters.AddWithValue("@MimeType", mimeType);
cmd.Parameters.AddWithValue("@FileName", fileName);
conn.Open();
cmd.ExecuteNonQuery();
}
}
return View();
}
修改后的代碼會(huì)以循環(huán)的方式遍歷Web頁(yè)面中所有的上傳文件,并檢查input type=”file”>中是否已經(jīng)加入文件,然后,從文件中提取出3個(gè)信息:文件名,MIME類型(文件的類型),HTTP Request中的二進(jìn)制流。二進(jìn)制數(shù)據(jù)被轉(zhuǎn)換為byte數(shù)組,并以image數(shù)據(jù)類型存入數(shù)據(jù)庫(kù)。MIME類型和文件名對(duì)于用戶從數(shù)據(jù)庫(kù)中提取文件來(lái)說(shuō)非常重要。
4.將數(shù)據(jù)庫(kù)中的文件返回給用戶:
你如何將文件傳送給用戶取決于你最開(kāi)始如何存儲(chǔ)它,如果你將文件存入數(shù)據(jù)庫(kù),你會(huì)用流的方式將文件返還給用戶,如果你將文件存在硬盤(pán)中,你只需要提供一個(gè)超鏈接即可,或者也可以以流的方式。每當(dāng)你需要以流的方式將文件送到瀏覽器中,你都的使用到File()方法的重載(而不是使用我們先前一直使用的View()方法),對(duì)于File()方法有3類返回類型:FilePathResult,FileContentResult和FileStreamResult,第一種類型用于直接從磁盤(pán)返回文件;第二種類型用于將byte數(shù)組返回客戶端;而第三種方式將已經(jīng)生成并打開(kāi)的流對(duì)象的內(nèi)容返回客戶端。
如果你還記得的話,我們將上傳的文件存入了數(shù)據(jù)庫(kù),并以byte數(shù)組的形式存入FileContent域內(nèi).而當(dāng)需要提取時(shí),它仍然會(huì)以一個(gè)byte數(shù)組進(jìn)行提取,這意味著我們使用返回FileContentResult的File()重載,如果我們想讓提取的文件名更有意義,我們使用接受3個(gè)參數(shù)的重載,三個(gè)參數(shù)是:byte數(shù)組,MIME類型,文件名:
public FileContentResult GetFile(int id)
{
SqlDataReader rdr; byte[] fileContent = null;
string mimeType = "";string fileName = "";
const string connect = @"Server=.\SQLExpress;Database=FileTest;Trusted_Connection=True;";
using (var conn = new SqlConnection(connect))
{
var qry = "SELECT FileContent, MimeType, FileName FROM FileStore WHERE ID = @ID";
var cmd = new SqlCommand(qry, conn);
cmd.Parameters.AddWithValue("@ID", id);
conn.Open();
rdr = cmd.ExecuteReader();
if (rdr.HasRows)
{
rdr.Read();
fileContent = (byte[])rdr["FileContent"];
mimeType = rdr["MimeType"].ToString();
fileName = rdr["FileName"].ToString();
}
}
return File(fileContent, mimeType, fileName);
}
在View中最簡(jiǎn)單的使用來(lái)使用這個(gè)Action只需提供一個(gè)超鏈接:
a href="/GetFile/1">Click to get file/a>
如果在數(shù)據(jù)庫(kù)中存儲(chǔ)的圖片是圖片類型,和使用超鏈接不同的是,我們通過(guò)指向Controller action的一個(gè)帶有src屬性的image>標(biāo)簽來(lái)獲取:
img src="/GetFile/1" alt="My Image" />
下面再讓我們來(lái)看看使用FilePathResult(用于從硬盤(pán)提取文件)是多簡(jiǎn)單的事:
public FilePathResult GetFileFromDisk()
{
string path = AppDomain.CurrentDomain.BaseDirectory + "uploads/";
string fileName = "test.txt";
return File(path + fileName, "text/plain", "test.txt");
}
而這也可以用過(guò)超鏈接提取:
a href="/GetFileFromDisk">Click to get file/a>
而最后一個(gè)選擇FileStreamResult也可以從磁盤(pán)中提取文件:
public FileStreamResult StreamFileFromDisk()
{
string path = AppDomain.CurrentDomain.BaseDirectory + "uploads/";
string fileName = "test.txt";
return File(new FileStream(path + fileName, FileMode.Open), "text/plain", fileName);
}
三、補(bǔ)充
FilePathResult和FileStreamResult的區(qū)別是什么?我們又該如何取舍呢?主要的區(qū)別是FilePathResult使用HttpResponse.TransmitFile來(lái)將文件寫(xiě)入Http輸出流。這個(gè)方法并不會(huì)在服務(wù)器內(nèi)存中進(jìn)行緩沖,所以這對(duì)于發(fā)送大文件是一個(gè)不錯(cuò)的選擇。他們的區(qū)別很像DataReader和DataSet的區(qū)別。于此同時(shí), TransmitFile還有一個(gè)bug,這可能導(dǎo)致文件傳到客戶端一半就停了,甚至無(wú)法傳送。而FileStreamResult在這方面就很棒了。比如說(shuō):返回Asp.net Chart 控件在內(nèi)存中生成的圖表圖片,而這并不需要將圖片存到磁盤(pán)中.
您可能感興趣的文章:- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- asp.net+FCKeditor上傳圖片顯示叉叉圖片無(wú)法顯示的問(wèn)題的解決方法
- asp.net fileupload控件上傳文件與多文件上傳
- asp.net(c#)開(kāi)發(fā)中的文件上傳組件uploadify的使用方法(帶進(jìn)度條)
- asp.net MVC實(shí)現(xiàn)無(wú)組件上傳圖片實(shí)例介紹
- asp.net 多文件上傳,兼容IE6/7/8,提供完整代碼下載
- asp.net圖片上傳實(shí)例
- Asp.Net 無(wú)刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
- asp.net下文件上傳和文件刪除的代碼
- ASP.NET MVC Webuploader實(shí)現(xiàn)上傳功能