`
daichangfu
  • 浏览: 262805 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery插件 - Uploadify (简单易用的上传插件)

    博客分类:
  • ajax
阅读更多
Uploadify 是一个JQuery插件,它协助你轻松简单的将一个或多个文件上传至你的网站。  
它需要Flash控件和后台开发语言的支持,丰富的参数配置,同时也简单易用,让你轻松上手。  
官方网站:http://www.uploadify.com/  
官方示例:http://www.uploadify.com/demo/  
开发文档:http://www.uploadify.com/documentation/  
插件下载:http://www.uploadify.com/download/  
•参考文献  
(PS:我是在这篇文章里知道这世界上有这样一个插件的 ^_^ 里面有后台C#代码)  
易用的JQuery上传插件Uploadify  
http://css9.net/jquery-muti-file-upload-uploadify/  
•参数  
uploader  
设置uploadify.swf文件的相对或绝对路径。默认值:'uploadify.swf'
script  
设置用于处理文件上传的后台程序页面的相对或绝对路径。默认值:'upload.php'
checkScript  
设置用于检查规则的后台程序页面的相对或绝对路径。  
scriptData  
一个键值对应的数据,它将连同文件一起传给后台程序页面。示例:{'name':'value'}  
fileDataName  
设置上传控件的名称。默认值:'Filedata'
method  
设置scriptData提交的方式。可选值:GET,POST 默认值:'POST'
scriptAccess  
设置Flash的访问模式。如果是本地测试,可设置为'always'。默认值:'sameDomain'
folder  
设置文件保存的目录。不能以'/'结束。  
queneID  
设置文件队列里的元素的ID,默认情况下,在点击浏览按钮后 自动创建。  
queueSizeLimit  
设置文件队列的最大值。默认值:999  
multi  
设置为true表示允许上传多个文件。  
auto  
设置为true表示当选择一件附件后,自动开始上传。  
fileDesc  
设置文件浏览对话框中的文件类型下拉框的显示文本。  
fileExt  
设置允许上传的文件类型,如:'*.ext1;*. ext2;*.ext3'。如果设置此选项,则必须设置fileDesc。  
sizeLimit  
设置允许的单文件大小。单位:字节  
simUploadLimit  
设置同时上传文件的数量。默认值:1  
buttonText  
设置上传按钮的文本。默认值:'BROWSE'
buttonImg  
设置浏览按钮的图片。  
hideButton  
设置为true则隐藏按钮图片。  
rollover  
Set to true if you would like to activate rollover states for your browse button. To prepare your browse button for rollover states, simple add the ‘over’ and ‘press’ states below the normal state in a single file.  
width  
设置按钮图片和flash文件的宽度。默认值:30  
height  
设置按钮图片或flash文件的高度。如果rollover为true,则是实际大小的1/3。默认值:110  
wmode  
设置为transparent则flash的背景将变成透明,并且在页面所有元素的最顶层。默认值:'opaque'
cancelImg  
设置取消按钮的图片路径。默认值:cancel.png  
onInit  
当插件加载时触发此事件,默认会将页面上的目标元素转换成flash文件并添加容器,如果返回false则不会执行此动作。  
onSelect  
当选中一个文件后触发此事件,默认会创建一个6位的随机编号的元素,并加入到文件队列中,如果返回false则不会执行此动作。  
此事件有三个参数:  
event: javascript的event对象  
queueID: 选中文件的编号  
fileObj: 一个包含文件详细信息的对象。  
    name – 文件名称  
    size – 文件的大小(字节)  
    creationDate – 文件的创建时间  
    modificationDate – 文件的修改时间  
    type – 文件的扩展名(包括'.')  
onSelectOnce  
当执行选中操作时触发此事件,该事件没有默认的处理程序。  
此事件有两个参数:  
event: javascript的event对象  
data: 一个包含选择操作详细信息的对象。  
    fileCount – 队列中的文件总数  
    filesSelected – 在选择操作中选中的文件数  
    filesReplaced – 在队列中被替换的文件数  
    allBytesTotal – 队列中所有文件的大小(字节)  
onCancel  
当一个文件上传被取消或在队列中被删除时触发此事件。默认事件将会将此文件的名称从队列中移除,如果返回false则不执行此动作。  
此事件有四个参数:  
event: javascript的event对象。  
queueID: 被取消(移除)的文件的编号  
fileObj: 被取消(移除)的文件的详细信息。(见onSelect)  
data: 文件队列的详细信息。  
    fileCount – 在文件队列中剩余的文件的数量  
    allBytesTotal – 在文件队列中剩余的文件的大小(字节)  
onClearQueue  
当调用fileUploadClearQueue函数时触发此事件。默认事件会移除文件队列中的所有元素,如果返回false则不执行此动作。  
此事件有两个参数:  
event: javascript的event对象。  
data: 被调用此事件的文件队列的详细信息。  
    fileCount – 上传队列的文件数  
    allBytesTotal – 上传队列的兽性大小(字节)  
onQueueFull  
当队列达到设定的最大值后触发此事件,默认事件会提示用户队列数量。  
此事件有两个参数:  
event: javascript的event对象。  
queueSizeLimit: 队列最大值。  
onError  
当上传文件发生异常时触发此事件,默认事件会将元素变成红色并提示相应的错误信息。  
此事件有四个参数:  
event: javascript的event对象。  
queueID: 发生错误的元素的唯一编号。  
fileObj: 发生错误的元素的文件详细信息。(见onSelect)  
errorObj: 发生错误时的错误详细信息。  
    type – 分别是:'HTTP', 'IO', 'Security'三者之一   
    info – 错误信息描述  
onOpen  
当选择一个文件后,Flash文件初始化此文件时触发此事件。没有默认事件。  
此事件有三个参数:  
event: javascript的event对象。  
queueID: 文件的元素的唯一编号。  
fileObj: 文件的详细信息。  
onProgress  
当上传文件时,进度发生改变时触发此事件。默认事件会更新文件队列中的进度条。如果返回false则不执行此动作。  
此事件有四个参数:  
event: javascript的event对象。  
queueID: 文件的元素的唯一编号。  
fileObj: 文件的详细信息。  
data: 一个关于文件与队列的详细信息的对象。  
    percentage – 当前文件上传完成的百分比。  
    bytesLoaded – 当前文件已上传的字节数  
    allBytesLoaded – 文件的总字节数  
    speed – 当前上传的速度(KB)  
onComplete  
当文件上传完成后触发此事件,默认事件会更新文件队列的相关状态。如果返回false则不执行此动作。  
此事件有五个参数:  
event: javascript的event对象。  
queueID: 文件的元素的唯一编号。  
fileObj: 文件的详细信息。  
response: 从服务器发回的数据。  
data: 文件队列的详细信息。  
    fileCount – 文件队列的文件总数  
    speed – 文件上传的平均速度(KB)  
onAllComplete  
当所有文件上传完毕后触发此事件。没有默认事件。  
此事件有两个参数:  
event: javascript的event对象。  
data: 上传过程的详细信息  
    filesUploaded – 此次上传的文件数量  
    errors – 上传过程的错误次数  
    allBytesLoaded – 此次上传的文件总大小(字节)  
    speed – 此次上传的平均速度(KB)  
onCheck  
当检查到服务器已存在此文件时触发此事件,默认事件是弹出确认框。  
此事件有五个参数:  
event: javascript的event对象。  
checkScript: 检查文件的后台程序页面。  
fileQueue: 一个队列({'唯一编号','文件名称'}的对象。  
folder: 上传的路径。  
single: 如果为true表示只有一个文件正准备上传至服务器。  
•方法  
uploadifySettings(setting, value)  
用于获取或设置插件的参数。  
获取:#(’#someID’).uploadifySettings(’queueSize’);  
设置:$(’#someID’).uploadifySettings(’folder’,'/uploads’);  
uploadifyUpload([queueID])  
用于开始上传一个或所有文件。  
示例:$(’#someID’).uploadifyUpload();  
uploadifyCancel(queueId)  
用于停止上传或队列中取消一个文件。  
示例:$(’#someID’).uploadifyCancel(’NFJSHS’);  
uploadifyClearQueue()  
用于清除当前文件队列中的所有文件。  
示例:$(’#someID’).uploadifyClearQueue();
分享到:
评论

相关推荐

    jquery-java-ajax-uploadify上传文件

    Uploadify的优点在于其易用性和定制性,开发者可以通过简单的配置选项来调整上传界面和行为,如设置文件类型、大小限制,以及自定义上传成功或失败后的回调函数。 在实现"jquery-java-ajax-uploadify上传文件"的...

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

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

    分享校jquery.uploadify-v2.1.0上传插件用法

    在Web开发中,文件上传功能是一项必不可少的交互设计,而jQuery Uploadify插件以其高效、易用的特点,成为了许多开发者的选择。本文将深入探讨jQuery Uploadify v2.1.0的用法,包括其主要参数设置以及实际应用中的...

    jquery插件uploadify

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

    C# JQuery上传插件Uploadify使用

    Uploadify是一款基于JavaScript和Flash的文件上传插件,它与jQuery库紧密结合,为Web应用程序提供了简单易用且功能丰富的文件上传功能。在C#后端环境中,Uploadify可以帮助开发者实现多文件同时上传,大大提升了用户...

    jquery.uploadify-v2.1.0.rar

    jQuery.uploadify是一款非常实用的jQuery插件,专为实现用户友好的文件上传体验而设计。该插件以其易用性和灵活性在开发者社区中享有盛誉。今天我们将深入探讨jQuery.uploadify的功能、使用方法以及其在实际项目中的...

    JQuery上传插件Uploadify并传参数(一)

    **jQuery上传插件Uploadify详解及参数传递方法** 在Web开发中,文件上传功能是常见的需求,而jQuery的Uploadify插件提供了一种简洁、高效的方式实现这一功能。本篇文章将深入探讨Uploadify插件的基本使用,以及如何...

    JQuery上传插件Uploadify使用详解

    ### JQuery上传插件Uploadify使用详解 #### 一、引言 随着Web应用程序的发展,文件上传功能成为必不可少的一部分。为了简化这一过程并提供更丰富的用户体验,各种JavaScript库和框架提供了相应的解决方案。其中,...

    jquery.uploadify-v2.1.4上传文件完整例子

    在Web开发中,文件上传功能是一项不可或缺的部分,而jQuery.uploadify v2.1.4是一款深受开发者喜爱的前端文件上传插件。它以其易用性、高效性和丰富的自定义选项,在众多上传插件中脱颖而出。本篇文章将详细介绍这款...

    上传控件jquery.uploadify-v2.1.4的示例源码

    `jQuery.uploadify-v2.1.4`是一个流行的jQuery插件,它为多文件上传提供了一种简单且直观的解决方案。这个插件极大地简化了前端开发人员的工作,使得在网页上实现批量上传变得更加容易。 `jQuery.uploadify`插件的...

    jQuery插件uploadify3.2.zip

    《jQuery插件uploadify3.2深度解析》 在当今的Web开发中,用户交互体验是至关重要的一环,其中文件上传功能是常见的需求之一。jQuery作为JavaScript库的翘楚,其丰富的插件生态为开发者提供了便利。Uploadify,便是...

    JQuery上传插件Uploadify使用示例

    为了提升用户体验,很多开发者选择使用jQuery插件来实现这一功能。其中,Uploadify是一款非常受欢迎的文件上传插件,它支持多文件上传、进度条显示、自定义样式等特性。本文将详细介绍Uploadify的使用方法,帮助你...

    Uploadify HTML5 版 / Jquery上传插件 全JS

    Uploadify是一款广受欢迎的jQuery上传插件,尤其在HTML5版本推出后,它极大地提升了文件上传的用户体验。这款插件允许用户实现多文件选择、进度条显示、预览功能,以及自定义上传事件处理,使得文件上传变得既简单又...

    jquery上传插件Uploadify3.2中文详细参考手册

    ### jQuery上传插件Uploadify 3.2中文详细参考手册 #### 一、概述 Uploadify是一款基于jQuery的文件上传插件,它提供了一个简单易用的接口来处理文件上传功能,尤其适用于需要多文件上传、文件预览等功能的场景。...

    JQuery uploadify 实现批量上传例子

    而Uploadify则是JQuery的一个插件,它提供了一种优雅的方式来实现文件的上传功能,包括单个文件上传和批量上传。本篇文章将详细介绍如何使用JQuery uploadify实现批量上传功能,并探讨其核心原理和相关配置。 首先...

    jquery上传附件uploadify

    **jQuery Uploadify 插件详解** ...总之,jQuery Uploadify 是一个功能强大且灵活的文件上传工具,它的易用性和高效性使其成为许多Web开发者的首选插件。无论是个人项目还是企业级应用,都能从中受益。

    JQuery_ 文件上传_Uploadify插件

    总之,jQuery Uploadify插件为开发者提供了一个简单易用、功能丰富的文件上传解决方案。通过适当的配置和服务器端处理,它可以无缝集成到各种Web应用程序中,提升用户体验。不过,随着技术的进步,开发者也可以考虑...

    jquery uploadify资源

    jQuery Uploadify是一款高效、易用的文件上传插件,它通过结合JavaScript、CSS、Flash和PNG图像,提供了一种优雅的文件上传解决方案。本文将详细介绍jQuery Uploadify插件及其相关资源,帮助开发者更好地理解和应用...

    使用jquery的uploadify插件实现文件上传

    在Web开发中,文件上传是一项常见的需求,而jQuery的uploadify插件则为开发者提供了一个简单易用的解决方案。Uploadify是一款基于JavaScript和Flash的文件上传组件,它能够优雅地处理多文件上传,并且提供了丰富的...

    uploadify.zip

    总之,Uploadify是一个强大且易用的jQuery插件,通过“超棒的jquery上传插件Uploadify3.1中文详细参考手册.pdf”和“jquery.uploadify-3.1.rar”提供的资料,开发者能够快速上手并灵活应用到各种项目中,实现高效、...

Global site tag (gtag.js) - Google Analytics