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>,其他方法视情况而定。

时间: 2024-10-13 08:00:37

jQuery上传插件uploadify 3.2.1的相关文章

jQuery上传插件Uploadify使用详解(转发原作者冯威)

jQuery上传插件Uploadify使用详解 本文Uploadify版本为2.1.0,已经过时,截止(2016-09-25)最新版本3.2.1的详细介绍请移步<jQuery上传插件Uploadify使用详解(3.2.1)> Uploadify是jQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载. 官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的

jquery上传插件uploadify 报错http error 302 解决方法之一

前段时间用到jquery上传插件uploadify时,始终出现系统报出 http error 302 的错误. 网上大量搜集信息,基本上都是说session值丢失的问题,根据网友提供的解决方案进行修改,问题并没有解决. 因此,不排除这是解决302错误的解决方法之一,但是我接下来提出另一解决方案,考虑到异步传输的问题,供大家参考(反正我是成功了). 首先是uploadify初始化: $(function() {           $('#projectfile').uploadify({    

JQuery上传插件Uploadify使用详解及错误处理

转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错误,而我根据这些错误去网上找解决方案,却没有相关资料,所以为了不让更多的朋友走弯路,我把我遇到的一些问题进行汇总,也方便我自己以后查阅. 什么是Uploadify Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示. 官网提供的是PHP的DEMO,在这里我

jQuery上传插件Uploadify使用详解(3.2.1)(转载)

jQuery上传插件Uploadify使用详解(3.2.1) Sep 25, 2016 | JQuery | 10733 Hits 六年前,因为工作中使用到 jQuery 的上传组件 Uploadify ,写了一篇<JQuery上传插件Uploadify使用详解>的博客来介绍 Uploadify ,其实只是将官方文档简单翻译了下.几年下来居然有50多万的访问量,而且每天通过各种搜索引擎有大几百的朋友会访问到这篇文章.六年时间 Uploadify 从当时的2.1.0到了现在的3.2.1,变化还是

jQuery上传插件Uploadify出现Http Error 302错误解决

前段时间介绍过jquery uploadify上传插件的使用方法,我在使用中遇到过Http Error 302错误问题,应该会有很多人在使用中遇到过,在此记录下来: 首 先http 302是请求被重定向的意思,这就很容易理解了,如果你的uploadify处理上传脚本有session验证,就会出现此错误,因为flash在执行 post请求的时候没有包含cookie信息,而服务器的session会根据客户端的cookie来得到SESSIONID.没有提交cookie自然 就不能获取到session,

jquery 上传插件 uploadify

官网:http://www.uploadify.com/社区:http://www.uploadify.com/forum/ 基于jQuery的文件上传插件,有flash(Uploadify)和html5(UploadFive)两个版本 特点说明:-----------------1.支持多文件上传2.支持拖放上传(html5版本)3.上传进度显示4.可自定义上传限制,包括文件大小.文件数量.文件类型5.高度可定制性 关于下载-------------------Uploadify™:基于fla

JQuery上传插件Uploadify使用详解

目录[-] Options选项设置 Events事件 Methods方法 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载. 官方下载 官方文档 官方演示 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 <html xmlns="http://www.w3.org/1999/xhtml"> <he

JQuery上传插件Uploadify使用详解(转)

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载. 官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的上传功能. 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中. 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFil

jQuery上传插件Uploadify使用帮助

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.它的功能特色总结如下: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java…… 通过参数可配置上传文件类型及大小限制 通过参数可配置是否选择文件后自动上传 易于扩展,可控制每一步骤的回调函数(onSelect, onCancel……) 通过接口参数和CSS控制外观 使用帮助: 官网地址:http://www.uploadify.com/ 官方参数配置文档

文件上传利器JQuery上传插件Uploadify

在做日常项目中,经常在后台需要上传图片等资源文件,之前使用过几次这个组件,感觉非常好用 ,但是每次使用的时候都是需要经过一番查阅,所以还不如记住在这里,以后使用的时候就翻翻. 他的官方网站如下:http://www.uploadify.com/ 插件下载地址:http://www.uploadify.com/download 说明文档:http://www.uploadify.com/documentation 在此之前,先说明下插件使用流程,该插件是基于jQuery的,所以我们在使用之前需要引