id: jQuery(this).attr('id'),//绑定的input的ID
langFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js',//语言包的路径,能设置所有的提示文字
swf: 'http://www.static-xxx.nu/uploader/uploadify.swf',//[必须设置]swf的路径
uploader: '/uploadify/galleri.php',//[必须设置]上传文件触发的url
auto:false,//文件选择完成后,是否自动上传
buttonText:'Välj Filer',//上传按钮的文字
height: 30,//上传按钮的高和宽
width: 120,
formData
buttonCursor: 'pointer',//上传鼠标hover后Cursor的形状
cancelImage: 'http://www.static-xxx.nu/uploadify-cancel.png',//[必须设置]取消图片的路径
checkExisting:'/uploader/uploadify-check-existing.php',//检查上传文件是否存,触发的url,返回1/0
debug: true,//debug模式开/关,打开后会显示debug时的信息
fileObjName:'file',
fileSizeLimit : 0,//文件的极限大小,以字节为单位,0为不限制。1MB:1*1024*1024
fileTypeDesc: 'Bild JPG',//允许上传的文件类型的描述,在弹出的文件选择框里会显示
fileTypeExts: '*.jpg',//允许上传的文件类型,限制弹出文件选择框里能选择的文件
method: 'post',//和后台交互的方式:post/get
multi: true,//是否能选择多个文件
queueID: 'fileQueue',//显示上传文件队列的元素id,可以简单用一个div来显示
queueSizeLimit : 999,//队列中允许的最大文件数目
progressData : 'all', // 'percentage''speed''all'//队列中显示文件上传进度的方式:all-上传速度+百分比,percentage-百分比,speed-上传速度
removeCompleted : true,//上传成功后的文件,是否在队列中自动删除
removeTimeout: 3,
requeueErrors : true,
postData: {},//和后台交互时,附加的参数
preventCaching : true,
transparent: true,
successTimeout : 30,//上传时的
timeoutuploadLimit:999//能同时上传的文件数目
设置的事件:
onDialogClose : function(swfuploadifyQueue) {//当文件选择对话框关闭时触发
if( swfuploadifyQueue.filesErrored > 0 ){
alert( '添加至队列时有'
+swfuploadifyQueue.filesErrored
+'个文件发生错误n'
+'错误信息:'
+swfuploadifyQueue.errorMsg
+'n选定的文件数:'
+swfuploadifyQueue.filesSelected
+'n成功添加至队列的文件数:'
+swfuploadifyQueue.filesQueued
+'n队列中的总文件数量:'
+swfuploadifyQueue.queueLength);
}
}
onDialogOpen : function() {//当选择文件对话框打开时触发
alert( 'Open!');
}
onSelect : function(file) {//当每个文件添加至队列后触发
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus);
}
onSelectError : function(file,errorCode,errorMsg) {//当文件选定发生错误时触发
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 错误代码: ' + errorCode
+ ' - 错误信息: ' + errorMsg);
}
onQueueComplete : function(stats) {//当队列中的所有文件全部完成上传时触发
alert( '成功上传的文件数: ' + stats.successful_uploads
+ ' - 上传出错的文件数: ' + stats.upload_errors
+ ' - 取消上传的文件数: ' + stats.upload_cancelled
+ ' - 出错的文件数' + stats.queue_errors);
}
onUploadComplete : function(file,swfuploadifyQueue) {//队列中的每个文件上传完成时触发一次
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 出错的文件数: ' + swfuploadifyQueue.filesErrored
+ ' - 错误信息: ' + swfuploadifyQueue.errorMsg
+ ' - 要添加至队列的数量: ' + swfuploadifyQueue.filesSelected
+ ' - 添加至对立的数量: ' + swfuploadifyQueue.filesQueued
+ ' - 队列长度: ' + swfuploadifyQueue.queueLength);
}
onUploadError : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) {//上传文件出错是触发(每个出错文件触发一次)
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 错误代码: ' + errorCode
+ ' - 错误描述: ' + errorMsg
+ ' - 简要错误描述: ' + errorString
+ ' - 出错的文件数: ' + swfuploadifyQueue.filesErrored
+ ' - 错误信息: ' + swfuploadifyQueue.errorMsg
+ ' - 要添加至队列的数量: ' + swfuploadifyQueue.filesSelected
+ ' - 添加至对立的数量: ' + swfuploadifyQueue.filesQueued
+ ' - 队列长度: ' + swfuploadifyQueue.queueLength);
}
onUploadProgress : function(file,fileBytesLoaded,fileTotalBytes,
queueBytesLoaded,swfuploadifyQueueUploadSize) {//上传进度发生变更时触发
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 当前文件已上传: ' + fileBytesLoaded
+ ' - 当前文件大小: ' + fileTotalBytes
+ ' - 队列已上传: ' + queueBytesLoaded
+ ' - 队列大小: ' + swfuploadifyQueueUploadSize);
}
onUploadStart: function(file) {//上传开始时触发(每个文件触发一次)
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus );
}
onUploadSuccess : function(file,data,response) {//上传完成时触发(每个文件触发一次)
alert( 'id: ' + file.id
+ ' - 索引: ' + file.index
+ ' - 文件名: ' + file.name
+ ' - 文件大小: ' + file.size
+ ' - 类型: ' + file.type
+ ' - 创建日期: ' + file.creationdate
+ ' - 修改日期: ' + file.modificationdate
+ ' - 文件状态: ' + file.filestatus
+ ' - 服务器端消息: ' + data
+ ' - 是否上传成功: ' + response);
}
<a href="javascript:$('#uploadify').uploadify('cancel')">取消上传</a>
<a href="javascript:$('#uploadify').uploadify('upload')">上传a</a>
上传和取消上传JS如上
uploadify3.1版方法
分享到:
相关推荐
使用UPLOADIFY v3.1 需要在页面中引入jQuery库和uploadify.js插件文件,同时设置相应的HTML元素(通常是`<input type="file">`)。然后通过JavaScript设置插件的配置选项,例如: ```javascript $("#fileInput")....
本文将深入探讨"uploadify-v3.1 for eclipse"这一针对Eclipse开发环境的版本,揭示其核心功能、使用方法以及在项目中的实际应用。 Uploadify v3.1是Uploadify系列的一个稳定版本,它提供了一种优雅的方式来处理文件...
8. **兼容性**:Uploadify v3.1应该已经考虑了各种浏览器的兼容性,包括IE、Firefox、Chrome、Safari等主流浏览器,确保用户可以在不同的设备和环境下正常使用。 9. **错误处理与调试**:在实际开发过程中,可能会...
提到上传,就会想到file标签。但是如果文件过大,或者多个文件的时候,这个html标签就有点力不从心了,下面主要讨论php后台来处理多线程上传...正因为自带标签的局限性,所以就有了今天的这个Uploadify这个插件的诞生。
在本项目中,"基于uploadify-v3.1的文件批量上传"是利用ASP.NET技术实现的一种功能,它允许用户一次性上传多个文件,并且具有进度条显示上传进度,提高了用户体验。 Uploadify是一个JavaScript库,特别适用于jQuery...
uploadify v3.1版本的使用主要涉及前端JavaScript代码和后端处理文件的服务器端代码(如ASHX文件)。在前端代码中,通过Jquery调用uploadify插件,通过指定一系列配置参数如高度(height)、SWF路径(swf)、上传器...
最近需要做一个批量上传图片的功能 用了很多方法,有的很复杂,有的没有成功 最后用了uploadify,去网上下了个最新的3.1版本,但是网上多数都是2.×的例子,已经有很多...所以自己写了一个uploadify-v3.1图片上传功能
不过网上的这几篇文章用到的uploadify还是以前的旧版本uploadify-v2.1.0,我在官网上下载的是uploadify-v3.1版,其中的一些参数以及调用方法也不同了,还好官网有帮助文档。 (唯一感觉不爽的一点就是这个开发包是...
1. **下载插件**:你需要从官方或者其他可靠源下载`uploadify-v3.1.zip`,解压缩后得到插件包。 2. **导入项目**:将解压后的文件夹导入到你的项目工程中,确保所有必要的文件都在正确的位置。 3. **引入jQuery库**...
"uploadify-v3.1"可能是插件的完整源码包,方便开发者进行定制和调试。 在实际应用中,Uploadify能帮助开发者构建高效、友好的文件上传功能,但需注意与服务器端的配合,以及在处理大量文件或大文件时的性能优化。...
jquery.uploadify-3.1.js:多文件(图片)上传 kindeditor编辑器 kindeditor编辑器在mvc3中的应用,主要是文件(图片)上传部分的改造 SyndicationFeed 文章以及评论rss Ninject 实现Models层与Controllers...
在图片上传实例中,需要下载 jQuery Uploadify 插件,即文件包中的 Public/uploadimg/js/uploadify-v3.1/。Uploadify 是一个基于 jQuery 的上传插件,提供了多种上传方式和上传进度条等功能。 三、在上传页面模板...
1、说明 接上一篇文章asp.net uploadify实现多附件上传功能完成后,又突然用到头像上传并在线裁剪。... Uploadify:uploadify-v3.1 Jquery:jquery-1.9.0.js 最后我会将整个Demo上传,如果同学
- **Uploadify**:uploadify-v3.1,这是一个文件上传组件,支持异步文件上传,可以与Jcrop配合,让用户先上传图片,然后进行裁剪。 - **jQuery**:jQuery 1.9.0.js,JavaScript库,简化DOM操作,是Jcrop和...
- 旧版本的Uploadify(uploadify-v2.1.0)与新版本(uploadify-v3.1)在参数和调用方法上有差异,通常新版本会加入更多的功能和改进,因此在使用前需要参考对应版本的官方帮助文档。 5. **开发包针对的平台**: - ...
通常包括jQuery库(如jQuery-1.12.4.min.js)、Uploadfy主文件(如uploadify-v3.1.min.js)以及其样式文件(如uploadify.css)。确保这些文件在HTML页面中正确引入,并调整加载顺序:先加载jQuery,再加载Uploadfy。...