- 浏览: 5161788 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
silence19841230:
先拿走看看
SpringBoot2.0开发WebSocket应用完整示例 -
wallimn:
masuweng 写道发下源码下载地址吧!三个相关文件打了个包 ...
SpringBoot2.0开发WebSocket应用完整示例 -
masuweng:
发下源码下载地址吧!
SpringBoot2.0开发WebSocket应用完整示例 -
masuweng:
SpringBoot2.0开发WebSocket应用完整示例 -
wallimn:
水淼火 写道你好,我使用以后,图标不显示,应该怎么引用呢,谢谢 ...
前端框架iviewui使用示例之菜单+多Tab页布局
·概述
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();
转自:http://blog.csdn.net/hepeng154833488/article/details/7650936
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();
转自:http://blog.csdn.net/hepeng154833488/article/details/7650936
发表评论
-
gradle编译错误:Could not find method compile() for arguments
2020-09-19 10:50 18522编译(IDEA+Gradle)一个别人的工程,出现一个 ... -
netty心跳检查之UDP篇
2019-09-15 08:50 2398部分UDP通信场景中,需要客户端定期发送心跳信息,以获取终 ... -
解决tomcat部署两个SpringBoot应用提示InstanceAlreadyExistsException
2019-06-30 11:49 3397两个SpringBoot应用部署在一个Tomcat中,单独 ... -
Eclipse配置MyBatis代码自动化功能
2019-06-29 10:16 17751.安装插件 Eclipse中,Help->Ecli ... -
vue.js中使用qrcode生成二维码
2019-05-20 00:00 7657一、安装包 npm install qrcodejs2 --s ... -
MySQL插入数据报错: Incorrect string value: '\xFD\xDE'
2019-03-31 23:19 1256我MySQL数据库用的uft-8字符集,插入数据一直很正常 ... -
vue自定义组件并双向绑定属性
2019-03-08 22:46 3258做了两个子组件,原理基本一样,一个是使用原生的select ... -
vue-router简单示例
2019-03-05 00:32 1153写个基本完整、稍有借鉴意义的示例,防止自己忘记。 &l ... -
“联通充值系统繁忙”轻松应对
2019-02-06 11:03 3973大过年的,联通充个值一直报“充值系统繁忙”。昨天晚上试了几 ... -
electron.js数据库应用---导航菜单(element-ui+mysql)
2019-02-05 21:33 2364一、环境搭建 略, ... -
electron.js数据库应用---入门(mysql+element-ui)
2019-01-27 23:19 7504我的机器:Windows10,64 ... -
SpringMVC 在controller层中注入成员变量request,是否线程安全
2018-12-17 21:17 2750@RestController public class ... -
VueJS 组件参数名命名与组件属性转化
2018-12-03 00:00 2077转自:https://www.cnblogs.com/meiy ... -
vue-resource拦截器实现token发送及检验自动化
2018-11-16 22:38 3079用了很长时间vue-resource,最近思考$http发 ... -
element-ui试用手记
2018-10-29 20:25 1748element-ui、iviewui都以vue.js为基础 ... -
iviewui中表格控件中render的使用示例
2018-07-07 16:46 9790示例了如何在表格中显示按钮,如何将代码转化为文字。 i ... -
Tomcat错误“Alias name tomcat does not identify a key entry”解决
2018-07-05 21:39 6576申请到了阿里云的证书后,下载、按照说明生成jks格式证书、 ... -
阿里云免费证书“fileauth.txt内容配置错误”解决
2018-07-05 20:43 5303最近研究微信小程序开发,上阿里云申请了个证书,使用文件验证 ... -
springboot2.0跨域配置
2018-07-04 22:11 5286springboot2.0跨域配置: 一、代码 ... -
微信小程序使用code换openid的方法(JAVA、SpringBoot)
2018-07-01 21:52 10401微信小程序序的代码中提示,使用code换取openid,但 ...
相关推荐
本篇将详细介绍如何在非`<input>`标签(如`<span>`)上模拟`<input type="file">`的功能,并探讨uploadify插件的使用,以提升用户体验。 首先,让我们来看看如何在`<span>`标签上实现文件选择功能。通常,我们会将`...
在描述中提到的"demo"是指演示实例,这个实例可以运行并展示了Uploadify插件如何实现文件上传功能。通过查看和运行这个实例,开发者能够快速理解和学习如何在自己的项目中集成和配置Uploadify。 Uploadify的核心...
`fileTypeDesc`和`fileTypeExts`用于限制可选文件类型。`queueSizeLimit`和`simUploadLimit`控制了上传队列的最大数量和同时上传的数量。`auto`参数设定是否自动上传,而`onQueueFull`和`onUploadSuccess`则是自定义...
'queueID': 'fileQueue', // 队列容器ID(可选) 'onUploadSuccess': function(file, data, response) { console.log('文件' + file.name + '上传成功,响应码:' + response); }, 'onUploadError': function...
- **buttonCursor**:字符串,设定按钮鼠标悬停时的光标样式,可选`'hand'`或`'arrow'`。 - **buttonImage**:字符串,设置按钮的背景图片路径。 - **buttonText**:字符串,设置按钮的文字内容。 除此之外,还有`...
'queueID': 'fileQueue', // 可选,队列ID 'fileTypeDesc': '所有文件', 'fileTypeExts': '*.*', 'multi': true, // 开启批量上传 'onUploadSuccess': function (file, data, response) { console.log('文件' ...
本文将详细介绍Uploadify 2.1.4的使用方法及其核心特点。 一、安装与配置 首先,你需要在项目中引入jQuery库和Uploadify的JavaScript及CSS文件。通常,这些文件会包含在`vinUploadifyTest`压缩包内。将它们放在...
这个压缩包“uploadify-v3.0.0_附带例子”包含了一个完整的Uploadify插件及其示例代码,帮助开发者快速理解和应用此插件。 Uploadify 的核心功能包括: 1. **批量上传**:用户可以选择并上传多个文件,无需多次...
总的来说,Uploadify是一个强大的多文件上传工具,它提供了丰富的功能和高度的可定制性,能够帮助开发者轻松地在网页上实现高效、友好的文件上传功能。通过深入理解和灵活运用,我们可以为用户创造更出色的文件上传...
下面将详细介绍这个插件的使用和相关知识点。 ### 1. jQuery Uploadify简介 `jQuery Uploadify`是一个开源的文件上传组件,它通过异步方式实现多文件上传,提高了用户体验。它支持预览、取消上传、限制文件类型和...
2. 初始化Uploadify:使用JavaScript设置Uploadify参数,如上传地址、文件类型、按钮样式等。 3. 监听事件:注册上传开始、上传成功、上传失败等事件的回调函数,处理相应逻辑。 4. 集成服务器端代码:根据所选...
- **功能描述**:设置文件上传时显示的数据类型,可选“speed”(上传速度)或“percentage”(百分比)。 #### queueID - **功能描述**:标识上传队列的DOM元素ID,用于显示上传队列的情况。 #### ...
本文档将详细介绍 Uploadify 3.1 的使用方法及其各个参数的具体含义。 #### 二、基本配置 在使用 Uploadify 之前,我们需要引入必要的文件,包括 CSS 样式文件、jQuery 库以及 Uploadify 的 JavaScript 文件和 SWF...
还可以对Uploadify插件进行更多详细配置,包括但不限于以下参数: - `uploader`:Flash文件上传控件的相对路径,默认为`uploadify.swf`。 - `script`:后端处理上传文件的脚本路径,默认为`uploadify.php`。 - `...
- 首先,你需要在HTML页面中引入jQuery库、jQuery EasyUI(可选,用于美化界面)以及Uploadify的JavaScript和CSS文件。 - 在HTML元素(通常是一个`<input type="file">`标签)上添加`id`和`class`,例如`id="file_...
此外,该项目还利用了jQuery.uploadify插件来实现文件上传功能,增加了项目的实用性和多样性。 1. **ASP.NET框架** ASP.NET是微软开发的一种服务器端Web应用程序框架,用于构建动态网站、Web应用和服务。在这个...
- `buttonCursor`: 设置鼠标悬停在按钮上时的样式,可选值为 `'hand'` 和 `'arrow'`。 - `buttonImage`: 如果按钮是图片,设置图片路径。 - `buttonText`: 自定义按钮文本,可以包含 HTML 标签。 - `checkExisting`:...
上述代码中,`swf`指定了Flash组件的位置,`uploader`是服务器端处理上传的URL,`fileTypeDesc`和`fileTypeExts`限制了可选文件类型,`multi`和`auto`分别设置为true表示支持多文件上传和自动上传。`onUploadSuccess...