當前位置：首頁 > 编程语言 > c/c++ >内容正文

c/c++

基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用

發布時間：2024/4/14 c/c++ 36 豆豆

生活随笔收集整理的這篇文章主要介紹了基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?? Uploadify是JQuery的一個文件上傳插件，實現的效果非常不錯,目前已經更新到Version3.1.1，官方提供的實例是php版本的，本文將介紹Uploadify在MVC3中的使用，您可以點擊以下鏈接，去官網查看文檔，下載Uploadify插件。

下載Uploadify插件
查看文檔

?下載Uploadify插件，然后按照以下步驟，在MVC3中應用Uploadify3.1.1插件的上傳功能吧。

1.創建MVC3工程，本例命名為UploadifyTest

2.把解壓后的Uploadify-v3.1文件夾Copy到工程中的Scripts文件夾下。如下圖

以上步驟做完以后，開始寫代碼了。

.cshtml文件中的代碼如下：

cs文件代碼如下：

public class HomeController : Controller {public ActionResult Index() {return View();}[AcceptVerbs(HttpVerbs.Post)]public ContentResult Upload(HttpPostedFileBase FileData, string folder) {string filename = "";if (null != FileData) {try {filename = Path.GetFileName(FileData.FileName);//獲得文件名string fullPathname = Path.Combine(folder, filename);saveFile(FileData, folder, filename);} catch (Exception ex) {filename = ex.ToString();}}return Content(filename);}[NonAction]private bool saveFile(HttpPostedFileBase postedFile, string filepath, string saveName) {bool result = false;if (!Directory.Exists(filepath)) {Directory.CreateDirectory(filepath);}try {postedFile.SaveAs(Path.Combine(filepath, saveName));result = true;} catch (Exception e) {throw new ApplicationException(e.Message);}return result;}}

上傳效果如下：

?用到的上傳參數說明

'formData': 向后臺傳遞的參數

'buttonText': 上傳按鈕上顯示的文字

'buttonClass': 給上傳按鈕添加的

class'removeCompleted': 表示在上傳完成后是否刪除隊列中的對應元素。默認是True，即上傳完成后就看不到上傳文件進度條了。
'swf': swf文件路徑
'uploader': 調用后臺操作的方法

總結

以上是生活随笔為你收集整理的基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： How to log time in L
下一篇：深入理解MSTP域和端口角色