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

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

看代码：

@{
    ViewBag.Title = "Index";
}
<script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/Scripts/uploadify-v3.2/jquery.uploadify.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/Scripts/uploadify-v3.2/jquery.uploadify.min.js" type="text/javascript"></script>
<link href="http://www.cnblogs.com/Scripts/uploadify-v3.2/uploadify.css" rel="stylesheet" type="text/css" />
<h2>Index</h2>

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#MyUpload").uploadify({
        'swf':"/Scripts/uploadify-v3.2/uploadify.swf",
        'uploader': '/Home/Upload',
        'auto':true
    });

});
</script>

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

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

看后台：

        public ActionResult Index()
        {
            return View();
        }
        [AcceptVerbs(HttpVerbs.Post)]
        public ContentResult Upload(HttpPostedFileBase FileData)
        {
            string filename = "";
            if (null != FileData)
            {
                try
                {
                    filename = Path.GetFileName(FileData.FileName);//获得文件名
                    
                    saveFile(FileData, filename);
                }
                catch (Exception ex)
                {
                    filename = ex.ToString();
                }
            }
            return Content(filename);
        }

        [NonAction]
        private bool saveFile(HttpPostedFileBase postedFile,string saveName)
        {
            bool result = false;

            string path = Server.MapPath(@"~/Logs/") + saveName;
            try
            {
                postedFile.SaveAs(path);//Path.Combine(filepath, saveName)
                result = true;
            }
            catch (Exception e)
            {
                throw new ApplicationException(e.Message);
            }
            return result;
        }
 
    }

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

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

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

 

 

 

 

 

 

 

 

 

凑合着用吧。

o(∩_∩)o

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