學習MVC以來,一直想實現上傳文件的功能,使用jQuery來實現上傳,有很多插件。此篇演示中,Insus.NET是使用Uploadify。http://www.uploadify.com/,它有更多的文件說明,可以參考:http://www.uploadify.com/documentation/。
你可以使用MVC的NuGet Packages管理器,來安裝這個jQuery的插件:
安裝好之后,可以在MVC應用程序的Scripts目錄看到它:
在HomeContollers中,創建一個ActionResult和一個ContentResult action,前者是為MVC創建一個視圖,而后者是處理文件上傳。
演示中,Insus.NET是把上傳的文件存儲於MVC應用程序中的Temp目錄下,當然你是可以在你指定的目錄,或是存儲於數據庫中。
#1~#3是在視圖的Head節點中,引用jQuery,Uploadify的js庫與樣式。
#4是上傳的html標簽。
算完成了,最后是看看實時演示效果: