您好,登錄后才能下訂單哦!
怎么在Asp.net中利用MVC處理實現(xiàn)一個文件上傳下載功能?針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
一、概述
如果你僅僅只有Asp.net Web Forms背景轉(zhuǎn)而學(xué)習(xí)Asp.net MVC的,我想你的第一個經(jīng)歷或許是那些曾經(jīng)讓你的編程變得愉悅無比的服務(wù)端控件都駕鶴西去了.FileUpload就是其中一個,而這個控件的缺席給我們帶來一些小問題。這篇文章主要說如何在Asp.net MVC中上傳文件,然后如何再從服務(wù)器中把上傳過的文件下載下來.
二、實現(xiàn)方法
1.文件上傳
在Web Forms中,當(dāng)你把一個FileUpload控件拖到設(shè)計器中,你或許沒有注意到在生成的HTML中會在form標(biāo)簽中加入一條額外屬性enctype="multipart/form-data". 而FileUpload控件本身會生成為<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è)置并不多于因為默認的提交時通過HTTP get方式進行的。下面這種方式,使用Html.BeginForm()擴展方法,會生成和上面同樣的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屬性,我們在后面再討論
OK,現(xiàn)在我們可以瀏覽本地文件然后通過Upload提交按鈕將文件提交到服務(wù)器端,下一步就是在服務(wù)器端處理上傳的文件,在使用fileUpload控件時,你可以很輕松的通過FileUpload的hasFile方法來查看文件是否被上傳。但是在Asp.net MVC中貌似就不是這么方便了,你會和原始的HTTP更接近一些,然而,一個擴展方法可以處理這些:
public static bool HasFile(this HttpPostedFileBase file) { return (file != null && file.ContentLength > 0) ? true : false; }
當(dāng)你看到對應(yīng)的Controller類的代碼時,你會發(fā)現(xiàn)Request對象作為HttpRequestBase類型的一個屬性存在。HttpReuqestBase其實是HTTP請求的一個封裝,暴漏了很多屬性,包括Files collection(其實是HttpFileCollectionBase的集合),在集合中的每一個元素都是HttpPostedFileBase的集合,擴展方法是用于確保上傳的文件是否存在。實際上,這和FileUpload.HasFile()方法的工作原理一致。
在Controller Action中使用起來其實很容易:
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作為一個集合使用。這意味著它不僅僅只能容納一個文件,而能容納多個,我們將上面的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)檢查了是否所有的文件上傳框中都有文件,所以即使對于多文件上傳,我們也不再需要修改Controller的代碼,注意每一個<input type=”file”>都有不同的name屬性,如果你需要調(diào)用其中一個,比如說,你需要引用第三個輸入框只需要使用:Request.Files["FileUpload3"].
3.存入數(shù)據(jù)庫
在你沖我狂吼”關(guān)注點分離”之前,我想聲明下面的代碼僅僅用于作為說明功能.我將ADO.Net的代碼放入Controller action中,但我們都知道,這并不好。數(shù)據(jù)訪問的代碼應(yīng)該放在Model中某個部分的數(shù)據(jù)訪問層中.但是,下面這段代碼僅僅可以給大家怎樣將上傳的文件存入數(shù)據(jù)庫中一個更直觀的印象,首先,我們需要創(chuàng)建一個數(shù)據(jù)表(FileTest)并創(chuàng)建一個表: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ù)類型,用于存儲以二進制數(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án)的方式遍歷Web頁面中所有的上傳文件,并檢查<input type=”file”>中是否已經(jīng)加入文件,然后,從文件中提取出3個信息:文件名,MIME類型(文件的類型),HTTP Request中的二進制流。二進制數(shù)據(jù)被轉(zhuǎn)換為byte數(shù)組,并以image數(shù)據(jù)類型存入數(shù)據(jù)庫。MIME類型和文件名對于用戶從數(shù)據(jù)庫中提取文件來說非常重要。
4.將數(shù)據(jù)庫中的文件返回給用戶:
你如何將文件傳送給用戶取決于你最開始如何存儲它,如果你將文件存入數(shù)據(jù)庫,你會用流的方式將文件返還給用戶,如果你將文件存在硬盤中,你只需要提供一個超鏈接即可,或者也可以以流的方式。每當(dāng)你需要以流的方式將文件送到瀏覽器中,你都的使用到File()方法的重載(而不是使用我們先前一直使用的View()方法),對于File()方法有3類返回類型:FilePathResult,FileContentResult和FileStreamResult,第一種類型用于直接從磁盤返回文件;第二種類型用于將byte數(shù)組返回客戶端;而第三種方式將已經(jīng)生成并打開的流對象的內(nèi)容返回客戶端。
如果你還記得的話,我們將上傳的文件存入了數(shù)據(jù)庫,并以byte數(shù)組的形式存入FileContent域內(nèi).而當(dāng)需要提取時,它仍然會以一個byte數(shù)組進行提取,這意味著我們使用返回FileContentResult的File()重載,如果我們想讓提取的文件名更有意義,我們使用接受3個參數(shù)的重載,三個參數(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中最簡單的使用來使用這個Action只需提供一個超鏈接:
<a href="/GetFile/1">Click to get file</a>
如果在數(shù)據(jù)庫中存儲的圖片是圖片類型,和使用超鏈接不同的是,我們通過指向Controller action的一個帶有src屬性的<image>標(biāo)簽來獲取:
<img src="/GetFile/1" alt="My Image" />
下面再讓我們來看看使用FilePathResult(用于從硬盤提取文件)是多簡單的事:
public FilePathResult GetFileFromDisk() { string path = AppDomain.CurrentDomain.BaseDirectory + "uploads/"; string fileName = "test.txt"; return File(path + fileName, "text/plain", "test.txt"); }
而這也可以用過超鏈接提取:
<a href="/GetFileFromDisk">Click to get file</a>
而最后一個選擇FileStreamResult也可以從磁盤中提取文件:
public FileStreamResult StreamFileFromDisk() { string path = AppDomain.CurrentDomain.BaseDirectory + "uploads/"; string fileName = "test.txt"; return File(new FileStream(path + fileName, FileMode.Open), "text/plain", fileName); }
關(guān)于怎么在Asp.net中利用MVC處理實現(xiàn)一個文件上傳下載功能問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。