uploadify 上传插件参数说明

例子

 代码如下 复制代码

_this.uploadify({
    height : 20, // 按钮高度
    width : 75, // 按钮宽度
    swf : '/js/uploadify/uploadify.swf")', // flash所在位置
    formData: { 'phoneNo': 10}, // 额外参数
    uploader: '/uploadify/', // 上传文件服务器存储位置
    fileSizeLimit : 2048, // 上传文件限制大小
    fileTypeExts : '*.gif;*.jpg;*.png;*.jpeg', // 允许上传文件类型; 默认允许上传任意文件
    multi : false, // 是否支持多文件上传; true/false(是/否)
    onUploadStart:function (){ // 上传开始触发事件
        _this.find(".uploadify-button-text:eq(" + j + ")").html("上传中...");
    },
    onUploadSuccess : function (file, msg, response) { // 上传成功触发事件
        msg = $.parseJSON(msg);
        _this.find(".uploadify-button-text:eq(" + j + ")").html("已上传");
    },
    onUploadError: function(file,errorCode,erorMsg,errorString){ // 上传错误触发事件
            alert("文件上传错误"+errorString);
    }
});

PS: flash 不能跨域

下面附一个更详细的参数表


1


uploader


上传控件的主体文件,flash控件

   默认值='uploadify.swf'


2


script

 


相对路径的后端脚本,它将处理您上传的文件。

绝对路径前缀或'/'或'http'的路径

  默认值='uploadify.php'


3


checkScript

 


检查该文件是否已经选择驻留在服务器上。
没有默认值。 官方例子中'check.php'是提供核心文件


4


scriptData

 


可提供URL传递参数。用来传递get参数。例如:

  index.jsp?id=1&action=uploadify可以设置成:

'script': 'index.jsp',

'scriptData':{'id':1,'action':'uploadify'},

注:要设置‘method’:‘GET’.

 


5


fileDataName

 


 您的文件在上传服务器脚本阵列的名称。
   默认值='Filedata'


6


method

 


 设置为发送到后端脚本的方法。要么'get'或post'。

   默认值'post'


7


scriptAccess

 


 ?


8


folder

 


您想将文件保存到的路径。考虑到安全问题,一般并不在客户端设定后供服务器得到所存的路径。我试了下。这个参数好像以get的方式传递的。设定post得不到这个值。


9


queueID

 


 文件队列ID。与div的id一致。参考上一篇例子的用法。


10


queueSizeLimit

 


限制在一次队列中的次数(可选定几个文件)。默认值= 999,而一次可传几个文件有 simUploadLimit属性决定


11


multi

 


是否允许同时上传多文件,可设定true或false。

  默认false。设定true时,选中的文件是当前项。


12


auto

 


选定文件后是否自动上传,可设定true或false。

  默认false


13


fileDesc

 


出现在上传对话框中的文件类型描述。与fileExt需同时使用


14


fileExt

 


支持的格式,启用本项时需同时声明fileDesc。

如:‘*.rar,*.doc

 


15


sizeLimit

 


控制上传文件的大小,单位byte


16


simUploadLimit

 


多文件上传时,同时上传文件数目限制。默认1

  一次可传几个文件。


17


buttonText

 


默认按钮的名字。默认BROWER


18


buttonImg

 


使用图片按钮,设定图片的路径即可。


19


hideButton

 


上传按钮的隐藏。true 或false。默认flase


20


rollover

 


 


21


width

 


 按钮图片的长度。默认 110


22


height

 


 按钮图片的高度。默认 30


23


wmode

 


 背景透明transparent 与不透明opaque设定。默认 不透明

 


24


cancelImg

 


 取消按钮。设定图片路径。默认cancel.png

 

 


25


onInit

 


函数, 初始化时的状态。

onInit: function() { 

$("#id").html("上传前");},


26


onComplete

 


函数:可传递五个参数

event: 事件对象

queueID: 完成文件的唯一标识符。

fileObj:  

  • name – 文件名

  • filepath –上传路径

  • size – 文件大小

  • creationDate – 文件创建时间

  • modificationDate –文件最近修改时间

  • type –文件的扩展名

response: 服务器回调的数据

data:  

  • fileCount – The total number of files left in the queue

  • speed – 平均上传速度 KB/s

如:

onComplete: function(event, queueID, fileObj) {

  alert("文件:" +fileObj.name + "上传失败");  }

 


27


onSelectOnce

 


函数:可传递二个参数

event: The event object.

data: An object containing details about the select operation.

  • fileCount – The total number of files in the queue

  • filesSelected – The number of files selected in the select operation

  • filesReplaced – The number of files that were replaced in the queue

  • allBytesTotal – The total number of bytes for all files in the queue

 


28


onCancel

 


函数:可传递四个参数

event: The event object.

queueID: The unique identifier of the file that was cancelled.

fileObj: An object containing details about the file that was selected.

   • name – The name of the file

   • size – The size in bytes of the file

   • creationDate – The date the file was created

   • modificationDate – The last date the file was modified

   • type – The file extension beginning with a '.'

 

data: Details about the file queue.

   • fileCount – The total number of files left in the queue

   • allBytesTotal – The total number of bytes left for all files in the queue

 


29


onClearQueue

 


函数:可传递一个参数

event: The event object.


30


onQueueFull

 


函数:可传递二个参数

event - The event object.

queueSizeLimit - The maximum size of the queue.

 


31


onError

 


函数:可传递四个参数

 

event: The event object.

queueID: The unique identifier of the file that was errored.

fileObj: An object containing details about the file that was selected.

  • name – The name of the file

  • size – The size in bytes of the file

  • creationDate – The date the file was created

  • modificationDate – The last date the file was modified

 • type – The file extension beginning with a '.'

errorObj: An object containing details about the error returned.

 • type – Either 'HTTP', 'IO', or 'Security'

 • info – An error message describing the type of error returned

 


32


onOpen

 


函数:可传递三个参数

event: The event object.

queueID: The unique identifier of the file that was opened.

fileObj: An object containing details about the file that was selected.

  • name – The name of the file

  • size – The size in bytes of the file

  • creationDate – The date the file was created

  • modificationDate – The last date the file was modified

  • type – The file extension beginning with a '.'

 


33


onProgress

 

 


函数:可传递四个参数

event: The event object.

queueID: The unique identifier of the file that was updated.

fileObj: An object containing details about the file that was selected.

  • name – The name of the file

  • size – The size in bytes of the file

  • creationDate – The date the file was created

  • modificationDate – The last date the file was modified

  • type – The file extension beginning with a '.'

 

data: An object containing details about the upload and queue.

  • percentage – The current percentage completed for the upload

  • bytesLoaded – The current amount of bytes uploaded

  • allBytesLoaded – The current amount of bytes loaded for all files in the queue

  • speed – The current upload speed in KB/s

 


34


onSelect

 

 


event: The event object.

queueID: The unique identifier of the file that was selected.

fileObj: An object containing details about the file that was selected.

  • name – The name of the file

  • size – The size in bytes of the file

  • creationDate – The date the file was created

  • modificationDate – The last date the file was modified

  • type – The file extension beginning with a '.'

 


35


onAllComplete

 

 


函数:可传递二个参数

 

event: The event object.

data: An object containing details about the upload process.

  • filesUploaded – The total number of files uploaded

  • errors – The total number of errors while uploading

  • allbytesLoaded – The total number of bytes uploaded

  • speed – The average speed of all uploaded files

 


36


onCheck

 

时间: 2024-09-20 15:03:27

uploadify 上传插件参数说明的相关文章

jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法_jquery

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

Jquery uploadify上传插件使用详解_jquery

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

Session在Uploadify 上传插件中的使用

前端需要传入session_id $('#file_upload).uploadify({     // Your normal options here     formData : { '<?php echo session_name();?>' : '<?php echo session_id();?>' } });   服务端需要获取session_id的信息   $session_name = session_name(); if (!isset($_POST[$sess

jq的uploadify上传插件参数传递问题

问题描述 $(document).ready(function(){$("#uploadify").uploadify({'uploader':'js/uploadify.swf',//uploadify.swf文件的相对路径,该swf文件是一个带有文字BROWSE的按钮'script':'Handler.ashx',//后台处理程序的相对路径.默认值:upload.aspx'cancelImg':'js/cancel.png','folder':'upload',//上传文件存放的路

详解jQuery uploadify文件上传插件的使用方法_jquery

uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能. 现在最新版为3.2.1. 在线实例 实例中用到的php文件UploaderDemo.php请在页面下方下载 引入文件 <link rel="stylesheet" type="text/css" href="uploadify.css" /> <script type="text/javascript

AspNet中使用JQuery上传插件Uploadify详解_jquery

首先按下面的步骤来实现一个简单的上传功能. 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中. 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFile文件夹,用来存放上传的文件. 进行完上面三步后项目的基本结构如下图: 4 Default.aspx的html页的代码修改如下: <html xmlns="http://www.w3.org/1999/xhtml">

基于jQuery的Web上传插件Uploadify使用示例_jquery

Uploadify是一款功能强大,高度可定制的文件上传插件,实现的效果非常不错,带进度显示.在最简单的方式下,Uploadify使用很少的代码就可以运行起来. Uploadify官方下载地址:http://www.uploadify.com/download/ 测试例子以下是一个使用的简单例子: 这里我们采用了Uploadify包中自带的php测试脚本作为上传的处理,所以这里安装了wamp作为php的测试环境,在php的网站根目录中,解压上面下载好的Uploadify文件,并创建一个文件上传保存

解决jQuery上传插件Uploadify出现Http Error 302错误的方法_jquery

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

基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用

   Uploadify是JQuery的一个文件上传插件,实现的效果非常不错,目前已经更新到Version3.1.1,官方提供的实例是php版本的,本文将介绍Uploadify在MVC3中的使用,您可以点击以下链接,去官网查看文档,下载Uploadify插件. 下载Uploadify插件 查看文档  下载Uploadify插件,然后按照以下步骤,在MVC3中应用Uploadify3.1.1插件的上传功能吧. 1.创建MVC3工程,本例命名为UploadifyTest 2.把解压后的Uploadi