基于MVC uploadify 3.2 Jquery插件介绍 及简单应用

鼓捣了差不多一天的 uploadify 3.2 不知道这是什么的去百度下，然后下载，简单介绍下这是一款Jquery插件，提供了美观的界面和易操作性。

看代码：

 1 @{

 2     ViewBag.Title = "Index";

 3 }

 4 <script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>

 5 <script src="http://www.cnblogs.com/Scripts/uploadify-v3.2/jquery.uploadify.js" type="text/javascript"></script>

 6 <script src="http://www.cnblogs.com/Scripts/uploadify-v3.2/jquery.uploadify.min.js" type="text/javascript"></script>

 7 <link href="http://www.cnblogs.com/Scripts/uploadify-v3.2/uploadify.css" rel="stylesheet" type="text/css" />

 8 <h2>Index</h2>

 9 

10 <script type="text/javascript" language="javascript">

11     $(document).ready(function () {

12         $("#MyUpload").uploadify({

13         'swf':"/Scripts/uploadify-v3.2/uploadify.swf",

14         'uploader': '/Home/Upload',

15         'auto':true

16     });

17 

18 });

19 </script>

20 

21 <input type="file" id="MyUpload" name="myUploadd" />

简洁通俗的代码 才是我喜欢的，介绍不详细勿喷。

看后台：

 1         public ActionResult Index()

 2         {

 3             return View();

 4         }

 5         [AcceptVerbs(HttpVerbs.Post)]

 6         public ContentResult Upload(HttpPostedFileBase FileData)

 7         {

 8             string filename = "";

 9             if (null != FileData)

10             {

11                 try

12                 {

13                     filename = Path.GetFileName(FileData.FileName);//获得文件名

14                     

15                     saveFile(FileData, filename);

16                 }

17                 catch (Exception ex)

18                 {

19                     filename = ex.ToString();

20                 }

21             }

22             return Content(filename);

23         }

24 

25         [NonAction]

26         private bool saveFile(HttpPostedFileBase postedFile,string saveName)

27         {

28             bool result = false;

29 

30             string path = Server.MapPath(@"~/Logs/") + saveName;

31             try

32             {

33                 postedFile.SaveAs(path);//Path.Combine(filepath, saveName)

34                 result = true;

35             }

36             catch (Exception e)

37             {

38                 throw new ApplicationException(e.Message);

39             }

40             return result;

41         }

42  

43     }

好，代码贴完。这个是能用的，简单有效

现在来介绍戏常用的，如果想知道更多，就参考官方doc：

uploader	用于通信后台方法，你懂的
swf	进度条动画，下载包里面自带了
auto	点击选择文件之后是否自动上传
buttonText	选择按钮的文字
height，width	按钮的高宽
debug	这个是显示调试
method	这个你也可以选择，不过默认就是Post了，你可以改get
fileTypeExts	这是上传文件的类型，
fileSizeLimit	文件大小设置0 为不限制
multi	是否选择多个文件
queueSizeLimit	队列中的最大文件项目
postData: {}	和后台交互时，附加的参数

 

 

 

 

 

 

 

 

 

凑合着用吧。

o(∩_∩)o

到此，下回见，下次写点基础的。表驱动法，新手必备哦。