`
chenhua_1984
  • 浏览: 1254126 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

jquery 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);
    }
});

   

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

分享到:
评论

相关推荐

    HTML5 PHP jquery uploadify上传文件

    HTML5 PHP jquery uploadify上传文件,带进度条,author:吕大豹。仿照uploadify写的,www.codesc.net已做过修正,本例的配置参数均与uploadify官网一致,参照官网的api就可以了,直接把文件夹上传到支持php的服务器...

    jquery.uploadify-v2.1.4[修正版]

    在Web开发中,上传功能是不可或缺的一部分,而jQuery.uploadify插件以其强大的功能和易用性深受开发者喜爱。这个"jquery.uploadify-v2.1.4[修正版]"正是基于官方的v2.1.4版本进行了一次关键的优化,特别针对中文支持...

    jquery Uploadify

    **jQuery Uploadify** 是一个基于jQuery的文件上传插件,它允许用户在Web应用程序中实现异步、批量或单个文件上传功能。该插件以其易用性、自定义性和高性能而受到开发者们的欢迎。在描述中提到,可能有些初学者在...

    jQueryUpLoadify +NET 4.0

    jQueryUpLoadify是一款基于jQuery的文件上传插件,它与.NET 4.0框架结合,提供了高效、便捷的批量文件上传功能。这个插件在Web开发中被广泛使用,因为它可以极大地改善用户交互体验,使得文件上传过程变得更加直观和...

    jquery uploadify java版

    《jQuery Uploadify与Java结合实现文件上传详解》 在网页应用中,文件上传功能是必不可少的一部分,而jQuery Uploadify是一款非常流行的...希望这篇文章能帮助你理解和实现基于jQuery Uploadify的Java文件上传系统。

    jquery uploadify资源

    本文将详细介绍jQuery Uploadify插件及其相关资源,帮助开发者更好地理解和应用这一工具。 首先,jQuery Uploadify的核心在于其强大的功能。它允许用户进行多文件选择和上传,提供了进度条显示,支持自定义上传按钮...

    jquery uploadify 2.1.4 上传插件 支持中文版

    一直以来jquery uploadify上传插件都不支持中文,每次都用图片代替也没感觉什么,但是最近开发的项目中有些特殊要求,不得不使用中文,于是中文支持版就出来了,这个是基于uploadify 2.1.4版修改的,请朋友们给点力,我赚点...

    jquery uploadify

    jQuery Uploadify插件为开发者提供了一个强大的解决方案,它允许用户批量上传文件,并且在上传过程中显示进度条,极大地提升了用户体验。本文将深入探讨jQuery Uploadify的工作原理、主要功能以及如何在项目中应用。...

    jquery uploadify 以及swfobject.js

    总结来说,jQuery Uploadify结合SwfObject.js,为Web开发人员提供了一个强大而灵活的多文件上传解决方案。通过合理配置和定制,可以轻松地将这一功能集成到各种项目中,提高用户体验,简化开发流程。尽管随着HTML5...

    jqueryUploadify+java(Servlet)Demo

    `jQuery Uploadify`是一款基于jQuery的插件,它提供了一个优雅、用户友好的方式来实现文件上传功能,支持多文件选择、进度条显示以及异步上传等特性。本Demo将展示如何将`jQuery Uploadify`与Java的Servlet技术进行...

    jquery uploadify 源码

    jQuery Uploadify 是一款广泛使用的前端文件上传插件,它借助jQuery库实现了多文件选择、进度显示、预览功能以及异步上传,大大提升了用户在网站上的文件上传体验。本文将深入探讨jQuery Uploadify的源码,分析其...

    JQuery uploadify 实现批量上传例子

    本篇文章将详细介绍如何使用JQuery uploadify实现批量上传功能,并探讨其核心原理和相关配置。 首先,理解Uploadify的工作机制。Uploadify利用HTML5的File API和Flash技术(对于老版本浏览器的支持)来实现异步文件...

    jquery uploadify for asp

    uploadify功能强大,支持多文件、批量上传、状态进度条等,提供前端文件限制相关设置。由于是flash环境全面支持asp、asp.net、php等平台。 该文件为uploadify for asp的demo,解压后即可运行。

    jQueryUpLoadify

    **jQueryUploadify** 是一个基于jQuery的插件,专门用于实现网页上的批量文件上传功能。这个插件在web开发中非常实用,因为它简化了文件上传的复杂性,提供了用户友好的界面和高效的文件处理能力。 批量上传是现代...

    jquery uploadify实现批量上传

    在网页开发中,jQuery Uploadify是一个非常流行的插件,它允许用户实现批量文件上传功能,大大提升了用户体验。本文将深入探讨如何使用jQuery Uploadify来实现这一功能,以及它的工作原理和核心配置。 jQuery ...

    jquery插件uploadify

    `jQuery Uploadify` 是一个基于 jQuery 的前端文件上传插件,它允许用户通过浏览器实现多文件选择、上传进度显示、上传失败重试等高级功能。这个插件在Web开发中非常流行,因为它提供了丰富的自定义选项和良好的用户...

    jquery uploadify 实现批量上传,带进度显示,判断文件大小

    `jQuery Uploadify`是一款基于jQuery的插件,它允许开发者实现文件的批量上传,并且带有进度显示功能,同时能对上传文件的大小进行判断,避免过大文件导致的问题。下面将详细介绍这个插件的使用和相关知识点。 ### ...

    jquery uploadify上传多附件示例

    在IT领域,jQuery Uploadify是一款广泛使用的JavaScript插件,它允许用户通过网页实现方便快捷的文件上传功能。这个插件特别适用于需要支持多文件选择和上传的场景,比如博客、论坛或者内容管理系统。"jquery ...

    jquery uploadify java文件上传

    `jQuery Uploadify`是一款基于JavaScript和jQuery的插件,它提供了一种优雅的方式来进行多文件上传,具有良好的用户体验和丰富的自定义选项。这个插件通过异步方式实现文件上传,使得用户在上传大文件时无需等待页面...

Global site tag (gtag.js) - Google Analytics