學習MVC以來,一直想實作上傳檔案的功能,使用jQuery來實作上傳,有很多插件。此篇示範中,Insus.NET是使用Uploadify。http://www.uploadify.com/,它有更多的檔案說明,可以參考:http://www.uploadify.com/documentation/。
你可以使用MVC的NuGet Packages管理器,來安裝這個jQuery的插件:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5SNkBTMkRjZ3MzY5I2MkRzYlZWN4UGNkJmYyYWYygjNy8CXxAzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL3M3Lc9CX6MHc0RHaiojIsJye.png)
安裝好之後,可以在MVC應用程式的Scripts目錄看到它:
在HomeContollers中,建立一個ActionResult和一個ContentResult action,前者是為MVC建立一個視圖,而後者是處理檔案上傳。
示範中,Insus.NET是把上傳的檔案存儲于MVC應用程式中的Temp目錄下,當然你是可以在你指定的目錄,或是存儲于資料庫中。
#1~#3是在視圖的Head節點中,引用jQuery,Uploadify的js庫與樣式。
#4是上傳的html标簽。
而#5的,可以參考下面詳細的jQuery代碼: