jQuery插件uploadify上传文件使用指南
HTML5版本将更好地支持移动浏览器,避免苹果移动Safari浏览器。flash的主要功能:支持多文件上传,HTML5版本可以拖放,实时上传进度条显示,功能强大。
自定义函数,如文件大小、文件类型、按钮图片定义、上传文件脚本等等。
flash版本使用方法:
1。加载js和CSS
复制代码代码如下所示:
2。写HTML内容
复制代码代码如下所示:
三.函数调用
复制代码代码如下所示:
$(文档)Ready(函数())
{
$(# file_upload)。Uploadify({
上传:'uploadify SWF,
脚本:'uploadhandler PHP的,
文件夹:'uploadfile,
queueid:'filequeue,
自动:真的,
多:是真的
});
});
4。更多参数配置细节
上传的文件的相对路径:uploadify.swf,SWF文件是一个文本的浏览按钮,然后点击后消失
打开文件对话框,默认值:uploadify.swf。
剧本:的后台处理程序的相对路径。默认值:uploadify.php
checkscript:一个后台处理器,用于确定是否在上传选择文件存在服务器中的相对路径
filedataname:设置数据被上传到服务器中处理的文件的名称,默认的是档案资料
方法:POST或POST的提交方法为POST
该scriptaccess接入模式:Flash脚本文件,如果本地测试设置为总是,默认值:同域
文件夹:上传目录中存储的文件。
queueid:该文件队列的ID,这与存储文件队列的div的ID一致。
queuesizelimit:当让许多文件被生成,设置选定文件的数量,默认值:999。
多个:当设置为true时,可以上传多个文件。
自动:设置为true时,文件上传后直接选择文件,为虚假点击上传按钮上传。
filedesc:这个属性值必须在设定的fileext属性,在选择文件对话框设置提示文字是有效的,如
集filedesc选择RAR文件PDF文件
fileext:设置文件,可以选择的类型,如:*。doc;* PDF格式;* .rar。
SizeLimit:上传文件大小限制。
simuploadlimit:允许同时上传的数量的默认值:1。
ButtonText:浏览按钮的文本,默认值:浏览。
ButtonImg:浏览按钮的图片的路径。
HideButton:一个图片,设置为true来隐藏浏览按钮。
翻转:值是true和false,当设置为true时,鼠标移动到浏览按钮时会出现反转效果。
宽度:设置浏览按钮的宽度,默认值为:110。
高度:设置浏览按钮的高度,默认值为30。
Wmode:这个项目是透明的,可以使浏览按钮透明flash背景文件和Flash文件将放在一个页面
表面的最高级别。默认值是不透明的。
cancelimg:关闭按钮图标在每个文件后,选择文件的文件队列
上面介绍的键值都是值字符串或布尔类型。相对来说比较简单。键值的值是一个函数,它可以在选择文件、错误或其他操作时将某些信息返回给用户。
OnInit:做一些初始化的工作
onselect:触发时,选择文件时,该函数有三个参数
事件:事件对象。
queueid:文件的唯一标识,由6个随机字符。
fileobj:选定的文件对象的属性名5,大小,创建日期,modificationdate,和类型。
代码如下:
复制代码代码如下所示:
$(文档)Ready(函数())
{
$(# Uploadify)。Uploadify({
上传:'js / / uploadify-v2.1.0 jquery uploadify SWF,
脚本:'uploadhandler处理,
cancelimg:'js / /取消jQuery。uploadify-v2.1.0 PNG,
文件夹:'uploadfile,
queueid:'filequeue,
自动:false,
多:是真的,
OnInit:函数(){ alert(1);},
onselect:功能(E,queueid,fileobj)
{
警报(独特的标志:+ queueid + R+
文件名:+ fileobj.name + R+
文件大小:+ fileobj.size + R+
创建时间:+ fileobj.creationdate + R+
上次修改时间:+ fileobj.modificationdate + R+
文件类型:+ fileobj.type
);
}
});
});
U3000 U3000
OnSelectOnce:当单个文件或多个文件上传,文件被触发时,选中的文件,该函数有两个参数,事件,数据,数据对象
有以下一些属性:
filecount:选择文件总数。
选中文件:同时选择文件的数量,如果3个文件都在同一时间选择,该属性的值是3。
filesreplaced:如果已经有两个文件在文件队列A和B,A和B的时候选择文件重新选择,和值为2。
allbytestotal:选择的所有文件的总大小。
OnCancel:触发时,点击文件中的队列文件的关闭按钮或点击取消。功能活动,queueid,fileobj,
数据的四个参数,第一个参数和三参数的onselect三,数据对象有两个属性filecount和allbytestotal。
filecount:后一个文件取消文件队列的剩余文件数。
allbytestotal:后一个文件取消文件队列的剩余文件大小。
OnClearQueue:当函数fileuploadclearqueue称,它是触发。有事件和数据的两个参数,在两个对应的两个参数。
OnQueueFull:当queuesizelimit设置和选定的文件的数目超过了queuesizelimit的价值,它的功能有两触发。
参数和queuesizelimit事件。
错误:触发器在上传过程中发生错误时,这个函数有四个参数,事件,queueid,fileobj,和errorobj,其中前三参考文献
在同一个号码,errorobj对象的类型和属性信息的两。
类型:错误类型,有三种HTTP、IO或安全
信息:虚假描述
OnOpen:触发时,点击上传,如果自动设置为true,它被触发时,选中的文件,如果多个文件上传,整个文件队列遍历。
这个函数有三个参数,事件,queueid,和fileobj,和参数均以相同的方式解释。
进步:触发时,点击上传,如果自动设置为true,它被触发时,选中的文件,如果多个文件上传,整个文件的队伍走过。
柱,触发后开放。这个函数有四个参数,事件,queueid,fileobj,数据,和前三个参数都以同样的方式解释。
数据对象有四个属性,百分比,bytesloaded,allbytesloaded,和速度:
百分比:目前完成的百分比
bytesloaded:当前上传大小
allbytesloaded:规模已经在队列上传文件
速度:上传速度
OnComplete:当文件上传,这是触发的函数有四个参数,事件,queueid,fileobj、响应和数据,与前三个参数
同上 u3002response是值由背景处理器返回,在上面的例子中,1或0,和数据有两个属性,filecount和速度
filecount:剩下的文件,也没有上传数。
速度:文件上传的平均速率是KB
注:本fileobj对象不按上述同样,和完备的fileobj对象有一个文件路径属性,可以上传文件的路径。
OnAllComplete: all files in the file queue are triggered when the files are uploaded.The function has two parameters, event and data, and data has four attributes.
以下是:
filesuploaded:所有上传的文件数。
错误:存在许多错误。
allbytesloaded:所有上传文件的总大小。
速度:平均上传速度