0.先去官网下载插件 下载uploadify3.2.1插件

解压后只需要一下文件：

（1） jQuery.uploadify.min.js

（2） uploadify.css

（3） uploadify.swf

但是运用到网站后需要应用jquery 1.4以上版本

1.ASP.NET Web Form

简单配置.ASPX文件

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4. <title></title>
  5. <link type="text/css" rel="stylesheet" href="Content/uploadify/uploadify.css" />
  6. <script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
  7. <script type="text/javascript" src="Content/uploadify/jquery.uploadify.min.js"></script>
  8. </head>
  9. <body>
  10. <input id="file_upload" name="file_upload" type="file" multiple="multiple"/>
  11. <script type="text/javascript">
  12. $(document).ready(function () {
  13. $("#file_upload").uploadify({
  14. 'swf': 'Content/uploadify/uploadify.swf',
  15. 'auto': true,
  16. 'multi': true,
  17. 'uploader': 'UploadHandler.ashx',//指定一般处理程序 执行上传后的文件处理
  18. });
  19. });
  20. </script>
  21. </body>
  22. </html>

创建一般处理程序 重新 ProcessRequest

  1. public void ProcessRequest(HttpContext context)
  2. {
  3. context.Response.ContentType = "text/plain";
  4. context.Response.Charset="UTF-8";
  5. HttpPostedFile file=context.Request.Files["Filedata"];
  6. //这个Filedata 是uploadify fileObjName项的默认值
  7. string path = HttpContext.Current.Server.MapPath("~/LoadFiles") + "\\";
  8. if (file != null)
  9. {
  10. file.SaveAs(path+file.FileName);
  11. }
  12. }

2.ASP.NET MVC3

配置View

  1. <link type="text/css" rel="stylesheet" href=@Url.Content("~/Content/uploadify/uploadify.css") />
  2. <script type="text/javascript" src=@Url.Content("~/Scripts/jquery-1.7.1.min.js")></script>
  3. //我试了很多次，一定要引用Url.Content辅助方法才行
  4. <script type="text/javascript" src=@Url.Content("~/Content/uploadify/jquery.uploadify.min.js")></script>
  5. <script type="text/javascript">
  6. $(function () {
  7. $("#file_upload").uploadify({
  8. 'swf': '@Url.Content("~/Content/uploadify/uploadify.swf")',
  9. 'auto': true,
  10. 'multi': true,
  11. 'uploader': 'Person/Upload'
  12. });
  13. });
  14. </script>
  15. <input id="file_upload" name="file_upload" type="file" multiple="multiple"/>

编写Action 只要捕获到Filedata接算是成功了

  1. [HttpPost]
  2. public ActionResult Upload(HttpPostedFileBase Filedata)
  3. //Filedata不能改名 因为它是uploadify fileObjName项的默认值 除非修改 fileObjName项的默认值
  4. //不然会报错
  5. {
  6. if (Filedata != null)
  7. {
  8. //do something.
  9. }
  10. return View();
  11. }

3.ASP.net MVC4

配置View

  1. <link type="text/css" rel="stylesheet" href=@Url.Content("~/Content/uploadify/uploadify.css") />
  2. <script type="text/javascript" src=@Url.Content("~/Scripts/jquery-1.7.1.min.js")></script>
  3. <script type="text/javascript" src=@Url.Content("~/Content/uploadify/jquery.uploadify.min.js")></script>
  4. <script type="text/javascript">
  5. $(function () {
  6. $("#file_upload").uploadify({
  7. 'swf': '@Url.Content("~/Content/uploadify/uploadify.swf")',
  8. 'auto': true,
  9. 'multi': true,
  10. <span style="color:#FF0000">'uploader': '@Url.Action("Upload","Person")',</span>
  11. 'folder': 'UpLoadFiles'
  12. });
  13. });
  14. </script>
  15. <input id="file_upload" name="file_upload" type="file" multiple="multiple"/>
  1. <span style="font-size:18px; color:#3366FF">：其实和MVC3差不多，只是有一个地方不明白，在MVC4中</span><span style="color:#3366FF">
  2. 'uploader': '@Url.Action("Upload","Person")' 写成
  3. </span><pre name="code" class="html"><span style="color:#3366FF">   'uploader': 'Person/Upload' 会报错。。。。
  4. </span></pre>

编写Action 和MVC3 一样

  1. [HttpPost]
  2. public ActionResult Upload(HttpPostedFileBase Filedata)
  3. {
  4. if (Filedata != null)
  5. {
  6. //do something
  7. }
  8. return View();
  9. }

以上只是uploadify插件的简单运用，其还有更多的功能需要慢慢学习

uploadify 3.2.1 参数项:

  1. <span style="font-size:14px">// Required Settings
  2. id       : $this.attr('id'), // The ID of the DOM object
  3. swf      : 'uploadify.swf',  // The path to the uploadify SWF file
  4. uploader : 'uploadify.php',  // The path to the server-side upload script
  5. // Options
  6. auto            : true,               // Automatically upload files when added to the queue
  7. buttonClass     : '',                 // A class name to add to the browse button DOM object
  8. buttonCursor    : 'hand',             // The cursor to use with the browse button
  9. buttonImage     : null,               // (String or null) The path to an image to use for the Flash browse button if not using CSS to style the button
  10. buttonText      : 'SELECT FILES',     // The text to use for the browse button
  11. checkExisting   : false,              // The path to a server-side script that checks for existing files on the server
  12. debug           : false,              // Turn on swfUpload debugging mode
  13. fileObjName     : 'Filedata',         // The name of the file object to use in your server-side script
  14. fileSizeLimit   : 0,                  // The maximum size of an uploadable file in KB (Accepts units B KB MB GB if string, 0 for no limit)
  15. fileTypeDesc    : 'All Files',        // The description for file types in the browse dialog
  16. fileTypeExts    : '*.*',              // Allowed extensions in the browse dialog (server-side validation should also be used)
  17. height          : 30,                 // The height of the browse button
  18. itemTemplate    : false,              // The template for the file item in the queue
  19. method          : 'post',             // The method to use when sending files to the server-side upload script
  20. multi           : true,               // Allow multiple file selection in the browse dialog
  21. formData        : {},                 // An object with additional data to send to the server-side upload script with every file upload
  22. preventCaching  : true,               // Adds a random value to the Flash URL to prevent caching of it (conflicts with existing parameters)
  23. progressData    : 'percentage',       // ('percentage' or 'speed') Data to show in the queue item during a file upload
  24. queueID         : false,              // The ID of the DOM object to use as a file queue (without the #)
  25. queueSizeLimit  : 999,                // The maximum number of files that can be in the queue at one time
  26. removeCompleted : true,               // Remove queue items from the queue when they are done uploading
  27. removeTimeout   : 3,                  // The delay in seconds before removing a queue item if removeCompleted is set to true
  28. requeueErrors   : false,              // Keep errored files in the queue and keep trying to upload them
  29. successTimeout  : 30,                 // The number of seconds to wait for Flash to detect the server's response after the file has finished uploading
  30. uploadLimit     : 0,                  // The maximum number of files you can upload
  31. width           : 120,                // The width of the browse button</span>

：在3.2.1版本中和以前不一样不要乱用像script、cancelImg这样的参数项，是没有用的，反而会把自己弄糊涂

uploadify3.2.1版插件在ASP.NET中的使用的更多相关文章

  1. [转]仿World Wind构造自己的C#版插件框架——WW插件机制精简改造

    很久没自己写东西啦,早该好好总结一下啦!一个大师说过“一个问题不应该被解决两次!”,除了一个好脑筋,再就是要坚持总结. 最近需要搞个系统的插件式框架,我参照World Wind的插件方式构建了个插件框 ...

  2. 关于Asp.Net中的编程实现下载

    经常在论坛看见有人求Asp.Net中编程实现下载的代码,有些还希望能断点续传什么的.其实问题的关键在于权限.B/S和C/S不仅仅是外观上的区别而已. 下载,顾名思义是客户端要下,所以载.你硬塞給人家那 ...

  3. ASP.NET中后台数据和前台控件的绑定

    关于ASP.NET中后台数据库和前台的数据控件的绑定问题 最近一直在学习个知识点,自己创建了SQL Server数据库表,想在ASP.NET中连接数据库,并把数据库中的数据显示在前台,注意,这里的数据 ...

  4. 在 ASP.NET 中创建数据访问和业务逻辑层（转）

    .NET Framework 4 当在 ASP.NET 中处理数据时,可从使用通用软件模式中受益.其中一种模式是将数据访问代码与控制数据访问或提供其他业务规则的业务逻辑代码分开.在此模式中,这两个层均 ...

  5. ASP.NET中UEditor使用

    ASP.NET中UEditor使用 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代 ...

  6. ASP.NET 中的 authentication(验证)与authorization(授权)

    这两个东西很绕口,也绕脑袋. 一般来说,了解authentication(验证)的用法即可,用于自定义的用户验证. authorization(授权)主要通过计算机信息来控制. “*”:所有用户: “ ...

  7. ASP.NET中数据棒图，饼图，柱状图的实现

    Web中绘制图形的方法大致有: 1. VML方式:功能强大,但是非常麻烦. 推荐:http://www.elook.net.cn/vml/ 2.使用控件:Dandus, Aspose.chart,Co ...

  8. 也谈Asp.net 中的身份验证

    钱李峰 的这篇博文<Asp.net中的认证与授权>已对Asp.net 中的身份验证进行了不错实践.而我这篇博文,是从初学者的角度补充了一些基础的概念,以便能有个清晰的认识. 一.配置安全身 ...

  9. 【译】在ASP.NET中创建PDF-iTextSharp起步

    原文 [译]在ASP.NET中创建PDF-iTextSharp起步 .Net framework 中自身并不包含可以和pdf打交道的方法.所以,当你需要你的ASP.Net Web应用程序中包含创建或与 ...

随机推荐

  1. wparam , lparam 传递消息

    01.WM_PAINT消息 LOWORD(lParam)是客户区的宽,HIWORD(lParam)是客户区的高 02.滚动条WM_VSCROLL或WM_HSCROLL消息 LOWORD(wParam) ...

  2. 【转载】Java下利用Jackson进行JSON解析和序列化

    参考资料: https://blog.csdn.net/sdut406/article/details/85647982 Java下常见的Json类库有Gson.JSON-lib和Jackson等,J ...

  3. Leetcode 498：对角线遍历Diagonal Traverse（python3、java）

    对角线遍历 给定一个含有 M x N 个元素的矩阵(M 行,N 列),请以对角线遍历的顺序返回这个矩阵中的所有元素,对角线遍历如下图所示. Given a matrix of M x N elemen ...

  4. enote笔记语言（5）——其他（ver0.2）

    章节:其他   ((主:单词))                               用来醒目地强调这个句子中哪个词语作主语 sentence:                         ...

  5. Luogu P4503 [CTSC2014]企鹅QQ

    思路 如果直接暴力的比较的话,不用想也知道会超时 所以考虑另一种方法,将前缀和的思想运用到hash中.用两个hash,一个从前往后记录,一个从后往前记录,然后枚举哪一位是不相同的,然后删掉这一位,将这 ...

  6. 关于C++中字符串输入get与getline的区别

    最近使用C++中自己老是忘记的一个点,get与getline的区别. 1.get与getline get和getline所属iostream类,作用是读取一整行,通过换行符确定读取结束,他们都可以读取 ...

  7. <MyBatis>入门二 全局配置文件

    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC ...

  8. MySQL数据库开启、关闭、查看函数功能的方法

    应用 MySQL 时,会遇到不能创建函数的情况.出现如下错误信息: ERROR 1418 : This function has none of DETERMINISTIC, NO SQL, or R ...

  9. Python运算符(Python学习笔记03）

  10. Django-利用paginator模块实现分页

    Django专门提供了一个paginator模块,实现分页很easy. 下面的例子引用了django官方文档:https://docs.djangoproject.com/en/1.11/topics ...