天天看點

MVC應用程式實作上傳檔案

學習MVC以來,一直想實作上傳檔案的功能,使用jQuery來實作上傳,有很多插件。此篇示範中,Insus.NET是使用Uploadify。http://www.uploadify.com/,它有更多的檔案說明,可以參考:http://www.uploadify.com/documentation/。

你可以使用MVC的NuGet Packages管理器,來安裝這個jQuery的插件:

MVC應用程式實作上傳檔案

安裝好之後,可以在MVC應用程式的Scripts目錄看到它:

MVC應用程式實作上傳檔案

 在HomeContollers中,建立一個ActionResult和一個ContentResult action,前者是為MVC建立一個視圖,而後者是處理檔案上傳。

MVC應用程式實作上傳檔案

示範中,Insus.NET是把上傳的檔案存儲于MVC應用程式中的Temp目錄下,當然你是可以在你指定的目錄,或是存儲于資料庫中。

MVC應用程式實作上傳檔案

#1~#3是在視圖的Head節點中,引用jQuery,Uploadify的js庫與樣式。

#4是上傳的html标簽。

而#5的,可以參考下面詳細的jQuery代碼:

MVC應用程式實作上傳檔案

繼續閱讀