uploadify3.2.1版插件在ASP.NET中的使用
0.先去官网下载插件 下载uploadify3.2.1插件
解压后只需要一下文件:
(2) uploadify.css
(3) uploadify.swf
但是运用到网站后需要应用jquery 1.4以上版本
1.ASP.NET Web Form
简单配置.ASPX文件
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title></title>
- <link type="text/css" rel="stylesheet" href="Content/uploadify/uploadify.css" />
- <script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
- <script type="text/javascript" src="Content/uploadify/jquery.uploadify.min.js"></script>
- </head>
- <body>
- <input id="file_upload" name="file_upload" type="file" multiple="multiple"/>
- <script type="text/javascript">
- $(document).ready(function () {
- $("#file_upload").uploadify({
- 'swf': 'Content/uploadify/uploadify.swf',
- 'auto': true,
- 'multi': true,
- 'uploader': 'UploadHandler.ashx',//指定一般处理程序 执行上传后的文件处理
- });
- });
- </script>
- </body>
- </html>
创建一般处理程序 重新 ProcessRequest
- public void ProcessRequest(HttpContext context)
- {
- context.Response.ContentType = "text/plain";
- context.Response.Charset="UTF-8";
- HttpPostedFile file=context.Request.Files["Filedata"];
- //这个Filedata 是uploadify fileObjName项的默认值
- string path = HttpContext.Current.Server.MapPath("~/LoadFiles") + "\\";
- if (file != null)
- {
- file.SaveAs(path+file.FileName);
- }
- }
2.ASP.NET MVC3
配置View
- <link type="text/css" rel="stylesheet" href=@Url.Content("~/Content/uploadify/uploadify.css") />
- <script type="text/javascript" src=@Url.Content("~/Scripts/jquery-1.7.1.min.js")></script>
- //我试了很多次,一定要引用Url.Content辅助方法才行
- <script type="text/javascript" src=@Url.Content("~/Content/uploadify/jquery.uploadify.min.js")></script>
- <script type="text/javascript">
- $(function () {
- $("#file_upload").uploadify({
- 'swf': '@Url.Content("~/Content/uploadify/uploadify.swf")',
- 'auto': true,
- 'multi': true,
- 'uploader': 'Person/Upload'
- });
- });
- </script>
- <input id="file_upload" name="file_upload" type="file" multiple="multiple"/>
编写Action 只要捕获到Filedata接算是成功了
- [HttpPost]
- public ActionResult Upload(HttpPostedFileBase Filedata)
- //Filedata不能改名 因为它是uploadify fileObjName项的默认值 除非修改 fileObjName项的默认值
- //不然会报错
- {
- if (Filedata != null)
- {
- //do something.
- }
- return View();
- }
3.ASP.net MVC4
配置View
- <link type="text/css" rel="stylesheet" href=@Url.Content("~/Content/uploadify/uploadify.css") />
- <script type="text/javascript" src=@Url.Content("~/Scripts/jquery-1.7.1.min.js")></script>
- <script type="text/javascript" src=@Url.Content("~/Content/uploadify/jquery.uploadify.min.js")></script>
- <script type="text/javascript">
- $(function () {
- $("#file_upload").uploadify({
- 'swf': '@Url.Content("~/Content/uploadify/uploadify.swf")',
- 'auto': true,
- 'multi': true,
- <span style="color:#FF0000">'uploader': '@Url.Action("Upload","Person")',</span>
- 'folder': 'UpLoadFiles'
- });
- });
- </script>
- <input id="file_upload" name="file_upload" type="file" multiple="multiple"/>
- <span style="font-size:18px; color:#3366FF">:其实和MVC3差不多,只是有一个地方不明白,在MVC4中</span><span style="color:#3366FF">
- 'uploader': '@Url.Action("Upload","Person")' 写成
- </span><pre name="code" class="html"><span style="color:#3366FF"> 'uploader': 'Person/Upload' 会报错。。。。
- </span></pre>
编写Action 和MVC3 一样
- [HttpPost]
- public ActionResult Upload(HttpPostedFileBase Filedata)
- {
- if (Filedata != null)
- {
- //do something
- }
- return View();
- }
以上只是uploadify插件的简单运用,其还有更多的功能需要慢慢学习
uploadify 3.2.1 参数项:
- <span style="font-size:14px">// Required Settings
- id : $this.attr('id'), // The ID of the DOM object
- swf : 'uploadify.swf', // The path to the uploadify SWF file
- uploader : 'uploadify.php', // The path to the server-side upload script
- // Options
- auto : true, // Automatically upload files when added to the queue
- buttonClass : '', // A class name to add to the browse button DOM object
- buttonCursor : 'hand', // The cursor to use with the browse button
- 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
- buttonText : 'SELECT FILES', // The text to use for the browse button
- checkExisting : false, // The path to a server-side script that checks for existing files on the server
- debug : false, // Turn on swfUpload debugging mode
- fileObjName : 'Filedata', // The name of the file object to use in your server-side script
- fileSizeLimit : 0, // The maximum size of an uploadable file in KB (Accepts units B KB MB GB if string, 0 for no limit)
- fileTypeDesc : 'All Files', // The description for file types in the browse dialog
- fileTypeExts : '*.*', // Allowed extensions in the browse dialog (server-side validation should also be used)
- height : 30, // The height of the browse button
- itemTemplate : false, // The template for the file item in the queue
- method : 'post', // The method to use when sending files to the server-side upload script
- multi : true, // Allow multiple file selection in the browse dialog
- formData : {}, // An object with additional data to send to the server-side upload script with every file upload
- preventCaching : true, // Adds a random value to the Flash URL to prevent caching of it (conflicts with existing parameters)
- progressData : 'percentage', // ('percentage' or 'speed') Data to show in the queue item during a file upload
- queueID : false, // The ID of the DOM object to use as a file queue (without the #)
- queueSizeLimit : 999, // The maximum number of files that can be in the queue at one time
- removeCompleted : true, // Remove queue items from the queue when they are done uploading
- removeTimeout : 3, // The delay in seconds before removing a queue item if removeCompleted is set to true
- requeueErrors : false, // Keep errored files in the queue and keep trying to upload them
- successTimeout : 30, // The number of seconds to wait for Flash to detect the server's response after the file has finished uploading
- uploadLimit : 0, // The maximum number of files you can upload
- width : 120, // The width of the browse button</span>
:在3.2.1版本中和以前不一样不要乱用像script、cancelImg这样的参数项,是没有用的,反而会把自己弄糊涂
uploadify3.2.1版插件在ASP.NET中的使用的更多相关文章
- [转]仿World Wind构造自己的C#版插件框架——WW插件机制精简改造
很久没自己写东西啦,早该好好总结一下啦!一个大师说过“一个问题不应该被解决两次!”,除了一个好脑筋,再就是要坚持总结. 最近需要搞个系统的插件式框架,我参照World Wind的插件方式构建了个插件框 ...
- 关于Asp.Net中的编程实现下载
经常在论坛看见有人求Asp.Net中编程实现下载的代码,有些还希望能断点续传什么的.其实问题的关键在于权限.B/S和C/S不仅仅是外观上的区别而已. 下载,顾名思义是客户端要下,所以载.你硬塞給人家那 ...
- ASP.NET中后台数据和前台控件的绑定
关于ASP.NET中后台数据库和前台的数据控件的绑定问题 最近一直在学习个知识点,自己创建了SQL Server数据库表,想在ASP.NET中连接数据库,并把数据库中的数据显示在前台,注意,这里的数据 ...
- 在 ASP.NET 中创建数据访问和业务逻辑层(转)
.NET Framework 4 当在 ASP.NET 中处理数据时,可从使用通用软件模式中受益.其中一种模式是将数据访问代码与控制数据访问或提供其他业务规则的业务逻辑代码分开.在此模式中,这两个层均 ...
- ASP.NET中UEditor使用
ASP.NET中UEditor使用 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代 ...
- ASP.NET 中的 authentication(验证)与authorization(授权)
这两个东西很绕口,也绕脑袋. 一般来说,了解authentication(验证)的用法即可,用于自定义的用户验证. authorization(授权)主要通过计算机信息来控制. “*”:所有用户: “ ...
- ASP.NET中数据棒图,饼图,柱状图的实现
Web中绘制图形的方法大致有: 1. VML方式:功能强大,但是非常麻烦. 推荐:http://www.elook.net.cn/vml/ 2.使用控件:Dandus, Aspose.chart,Co ...
- 也谈Asp.net 中的身份验证
钱李峰 的这篇博文<Asp.net中的认证与授权>已对Asp.net 中的身份验证进行了不错实践.而我这篇博文,是从初学者的角度补充了一些基础的概念,以便能有个清晰的认识. 一.配置安全身 ...
- 【译】在ASP.NET中创建PDF-iTextSharp起步
原文 [译]在ASP.NET中创建PDF-iTextSharp起步 .Net framework 中自身并不包含可以和pdf打交道的方法.所以,当你需要你的ASP.Net Web应用程序中包含创建或与 ...
随机推荐
- 梦想MxWeb3D协同设计平台 2019.02.28更新
梦想MxWeb3D协同设计平台 2019.02.28更新 SDK开发包下载地址: http://www.mxdraw.com/ndetail_10130.html 在线演示网址: http://www ...
- gitlab恢复、迁移
文件说明 安装包:gitlab-ce_8.11.5-ce.0_amd64.deb 备份的数据:533751277_gitlab_backup.tar 系统:Ubuntu 16.04.4 LTS \n ...
- docker搭建日志收集系统EFK
EFK Elasticsearch是一个数据搜索引擎和分布式NoSQL数据库的组合,提过日志的存储和搜索功能. Fluentd是一个消息采集,转化,转发工具,目的是提供中心化的日志服务. Kibana ...
- 洛谷——P2252 取石子游戏
P2252 取石子游戏 有两堆石子,数量任意,可以不同.游戏开始由两个人轮流取石子.游戏规定,每次有两种不同的取法,一是可以在任意的一堆中取走任意多的石子:二是可以在两堆中同时取走相同数量的石子.最后 ...
- 随机数生成工具类(中文姓名,性别,Email,手机号,住址)
public class RandomValueUtil { public static String base = "abcdefghijklmnopqrstuvwxyz012345678 ...
- MyBatis 的基本要素—SQL 映射文件
MyBatis 真正的强大在于映射语句,相对于它强大的功能,SQL 映射文件的配置却是相当简单.对比 SQL 映射配置和 JDBC 代码,发现使用 SQL 映射文件配置可减少 50% 以上的代码,并且 ...
- HTTP服务和APACHE
HTTP服务和APACHE 1. 跨Internet的主机间通讯 要通过Internet进行通信,至少需要一对套接字:其中一个运行在客户端,定义了一个唯一的客户进程,称之为ClientSocket,另 ...
- python3 时间模块 random模块之两个小练习
话不多说,一个是算时间的,还有一个是生成验证码的 #!usr/bin/env/ python # -*- coding:utf-8 -*- # Author: XiaoFeng import time ...
- DAS、NAS、SAN、iSCSI 存储方案概述
(转自https://blog.csdn.net/tianlesoftware/article/details/6201346) 目前服务器所使用的专业存储方案有DAS.NAS.SAN.iSCSI几种 ...
- saltstack(二) master、minion常用配置选项
master常用配置选项: interface: 指定bind的地址(默认0.) publish_port:指定发布端口(默认4505) ret_port: 指定结果返回端口,与minion配置文件的 ...