jQuery上传插件uploadify 3.2.1
1.属性
名称 |
默认值 |
说明 |
swf |
[必须设置]swf的路径 |
|
uploader |
[必须设置]服务器端脚本文件路径 |
|
uploadLimit |
999 |
最多上传文件数量 |
checkExisting |
false |
检查上传文件是否存在的服务器端脚本文件路径 |
queueID |
显示上传文件队列的元素id,可以简单用一个div显示 |
|
queueSizeLimit |
999 |
上传文件队列长度限制 |
auto |
true |
表示在选择文件后是否自动上传 |
multi |
true |
是否支持多文件上传 |
buttonClass |
上传按钮样式类型 |
|
buttonCursor |
hand |
上传按钮Hover时的鼠标形状 |
buttonImage |
NULL |
上传按钮背景图片 |
buttonText |
SELECT FILES |
上传按钮显示文字 |
height |
30 |
上传按钮高度 |
width |
120 |
上传按钮宽度 |
debug |
false |
是否开启调试模式 |
fileObjName |
FileData |
文件对象名称,用于服务器端获取文件 |
fileSizeLimit |
上传文件大小限制,默认单位是KB,如:”10KB” |
|
fileTypeDesc |
文件类型说明,在选择文件时可以看到 |
|
fileTypeExts |
*.* |
指定允许上传的文件类型,如:”*.jpg;*.gif” |
formData |
指定上传文件附带的其他数据,用于服务器端获取这些数据,如:{“id”:”001”,”name”:”LiJin”}包含两个键值对 |
|
method |
post |
和后台交互方式,也可以设置为get |
overrideEvents |
设置插件的某些事件可以被用户覆写,如:{“onUploadSuccess”} |
|
preventCaching |
true |
若设置为true,一个随机数将被加载swf文件URL的后面,防止浏览器缓存 |
progressData |
设置文件上传时显示的数据,可以设为上传速度或者百分比,分别对应speed和percentage |
|
removeCompleted |
true |
表示上传文件完成后是否删除队列中的对应元素 |
removeTimeout |
3 |
表示上传完成后多久删除队列中的进度条,单位为秒 |
requeueErrors |
若设置为true,那么在上传过程中因为出错导致上传失败的文件将重新加入队列 |
|
successTimeout |
30 |
表示文件上传完成后等待服务器响应的时间。超过该时间,那么将认为上传成功。单位为秒 |
2.事件
●onQueueComplete当队列中的所有文件全部完成上传时触发
function (stats) {
alert("成功上传的文件数:" + stats.uploadsSuccessful + " -上传出错的文件数:"+ stats.uploadsErrored + " -上传的文件总大小:" + stats.uploadSize);
}
●onUploadComplete每个文件上传完成时触发
function (file) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus);
}
●onUploadSuccess每个文件上传成功后触发
function (file , data, response) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus + " –服务器端消息:" + data + " –是否上传成功:" + response);
}
●onUploadError每个文件上传出错时触发
function (file , errorCode, errorMsg , errorString) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus + " –错误代码:" + errorCode + " –错误描述:" + errorMsg + " –简要错误描述:" + errorString);
}
●onUploadProgress上传进度发生变更时触发
function (file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
alert("当前文件已上传:" + bytesUploaded + "当前文件大小:" + bytesTotal + "队列已上传:" + totalBytesUploaded + "队列大小:" + totalBytesTotal);
}
●onCancel在文件被移出上传队列时触发
function (file) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus);
}
●onClearQueue在调用cancel方法且传入参数*时触发
function (queueItemCount) {
alert("取消上传文件数量" + queueItemCount);
}
<a href="javascript:$('#uploadify').uploadify('cancel','*')">取消上传</a>
●onDialogClose打开文件对话框关闭时触发
function (queue) {
alert("选定的文件数:" + queue.filesSelected + "成功添加至队列的文件数:" + queue.filesQueued + "添加至队列发生错误的文件数:" + queue.filesErrored + "现有队列被替换文件数:" + queue.filesReplaced + "现有队列被取消文件数:" + queue.filesCancelled + "队列中的总文件数量:" + queue.Length);
}
●onUploadStart每个文件上传开始时触发
function (file) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus);
}
●onDialogOpen选择文件对话框打开时触发
function () {
alert("打开");
}
●onFallback没有兼容的flash时触发
function () {
alert("flash不兼容");
}
●onInit每次初始化一个队列时触发
function (instance) {
alert(instance.settings.queueID);
}
●onSelect选择文件后触发
function (file) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus);
}
●onSelectError选择文件后出错时触发
function (file , errorCode, errorMsg ) {
alert("id:" + file.id + " -索引:" + file.index + " -文件名称:" + file.name + " -文件大小:" + file.size + " -文件类型:" + file.type + " -创建日期:" + file.creationdate + " -修改日期:" + file.modificationdate + " -文件状态:" + file.filestatus + " –错误代码:" + errorCode + " –错误描述:" + errorMsg);
}
3.方法
cancel、destroy、stop、upload用法一致,如:<a href="javascript:$('#uploadify').uploadify('upload','*')">上传</a>,其他方法视情况而定。
jQuery上传插件uploadify 3.2.1的更多相关文章
- JQuery上传插件uploadify优化
旧版的uploadify是基于flash上传的,但是总有那么些问题,让我们用的不是很舒服.今天主要分享下在项目中用uploadify遇到的一些问题,以及优化处理 官方下载 官方文档 官方演示 下面是官 ...
- jquery上传插件uploadify 报错http error 302 解决方法之一
前段时间用到jquery上传插件uploadify时,始终出现系统报出 http error 302 的错误. 网上大量搜集信息,基本上都是说session值丢失的问题,根据网友提供的解决方案进行修改 ...
- 【转】JQuery上传插件Uploadify使用详解及错误处理
转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错 ...
- JQuery上传插件Uploadify使用详解
本文转载http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不错 ...
- (转)JQuery上传插件Uploadify使用详解
原文地址:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不 ...
- jQuery上传插件Uploadify使用帮助
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.它的功能特色总结如下: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP, ...
- JQuery上传插件Uploadify使用详解 asp.net版
先来一个实例 Uploadify插件是JQuery的一个文件支持多文件上传的上传插件,ajax异步上传,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadif ...
- 文件上传利器JQuery上传插件Uploadify
在做日常项目中,经常在后台需要上传图片等资源文件,之前使用过几次这个组件,感觉非常好用 ,但是每次使用的时候都是需要经过一番查阅,所以还不如记住在这里,以后使用的时候就翻翻. 他的官方网站如下:htt ...
- jQuery上传插件Uploadify 3.2在.NET下的详细例子
项目中要使用Uploadify 3.2来实现图片上传并生成缩略通的功能,特此记下来,以供各位参考! Uploadify下载地址:http://www.uploadify.com/download/ 下 ...
- JQuery上传插件Uploadify详解及其中文按钮解决方案 .
Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文,因为插件在js里用了一个转码方法把这个参数的值转过码了,解码的地方在那个swf文件里,看不到代码,所以这条路不行. ...
随机推荐
- 移动端 元素外面使用伪类after加边框 导致其内部元素无法选中
解决方法:给内部元素增加属性 position: relative; z-index: 3; 这样就能选中其内部元素了.
- ballerina 学习 三十一 扩展开发(二)
上篇说了使用ballerina 语言开发扩展模块,对于注解类型的我们是需要使用java 语言进行 开发的 官方提供了一个hello 的demo可以参考 https://github.com/balle ...
- 7 无线wifi传输视频开发
转载,侵删 7 无线wifi传输视频开发 MT7601的驱动源码提供了两种:AP模式和STA模式源码.此时我使用USB作为AP热点,电脑作为STA模式,并使用ORTP实现无线传输视频 7.1.AP模式 ...
- [C++] Win32 API 的多线程Timer管理Trick - 利用PostThreadMessage
有时候我们需要在程序里定时地完成一些任务, 比如5秒后发送, 10秒后弹窗之类的操作. 这就需要一个类似于定时器的组件. 这个组件在windows.h里被称为Timer. 设置一个Timer 第一步当 ...
- LOJ 572 「LibreOJ Round #11」Misaka Network 与求和——min_25筛
题目:https://loj.ac/problem/572 莫比乌斯反演得 \( ans=\sum\limits_{D=1}^{n}\left\lfloor\frac{n}{D}\right\rflo ...
- Go随机数的使用
随机数使用比较广泛,例如,抽奖.均衡等等. 下面简单说明其使用方法. Example1 package main import ( "log" "math/rand&qu ...
- 如何使用swingbench进行oracle数据库压力测试
如何使用swingbench进行oracle数据库压力测试 2014-10-06 08:09:02 标签:oracle 数据库压力测试 swingbench 原创作品,允许转载,转载时请务必以超链接形 ...
- linux 查看文件夹大小 du -h --max-depth=1 ./
du:查询文件或文件夹的磁盘使用空间 如果当前目录下文件和文件夹很多,使用不带参数du的命令,可以循环列出所有文件和文件夹所使用的空间.这对查看究竟是那个地方过大是不利的,所以得指定深入目录的层数,参 ...
- bzoj4471 bzoj4490 随机数生成器Ⅱ
Description 继NOI2014后,小H又发现了一种新的生成随机数的方法.首先,给定三个随机种子P,C1,C2(C1≤C2)生成一个序列{xi},{xi}满足对于任意的i≥0,满足以下递推式X ...
- k8s1.4.3安装实践记录(1)-etcd、docker、flannel安装配置
虚拟机:VMware® Workstation 12 Pro 系统:CentOS Linux release 7.2.1511 (Core) 3.10.0-327.el7.x86_64 由于刚开始学习 ...