http://www.uguke.com/?post=31
今天在折腾自己的网站时要使用uploadify来上传图片,发现以前能使用的代码在现在的系统里不能正常工作,火狐经常过掉,就想重新整理下,后来到官网上去看了下,原来v3.1已经出来了,而我现在用的是2.x,看了下,打算用最新版的,发现文档改变了部分,干脆把那些简单的文档翻译一遍算了,加深印象,省的以后麻烦。
那些属性(按官方文档顺序):
auto:Input Type Boolean,是否自动上传,默认true;
buttonClass:Input Type String, uploadify按钮上添加的样式名称;
buttonCursor:Input Type String,鼠标移上去时的鼠标手势,有'hand'和'arrow'两个选项;
buttonImage:Input Type String,按钮背景图片;
buttonText:Input Type String,按钮文字片;
checkExisting:Input Type String,是否检查文件是否已经被上传;
debug:Input Type Boolean,是否进入调试模式,默认false;
fileObjName:Input Type String,后台表单接受的名称,默认Filedata;
fileSizeLimit:Input Type Number,上传的文件大小,接受单位为B, KB, MB, or GB的数字,默认单位为KB,设置成0表示无限制,'fileSizeLimit' : '100KB';
fileTypeDesc:
fileTypeExts:Input Type String,允许的文件后缀,(i.e. ‘*.jpg; *.png; *.gif’).;
formData:Input Type JSON Object,要传递的其它参数;
height:Input Type Number,按钮高度;
method:Input Type String,上传的方式,post或者get,默认post;
multi:Input Type Boolean,是否允许多文件上传,默认true;
overrideEvents:
preventCaching:
progressData:Input Type String,当上传的时候,显示的内容,有‘percentage’ or ‘speed’两个选项,即显示百分比或显示上传速度;
queueID:Input Type String,上传文件的队列ID;
queueSizeLimit:Input Type Number,一次可以上传的文件数量,默认999;
removeCompleted:Input Type Boolean,是否移除已完成的文件,默认true;
removeTimeout:Input Type Number,已完成文件的移除延迟时间,默认3;
requeueErrors:
successTimeout:Input Type Number,等待服务器处理文件的时间,默认30s,当超过时,就认为文件已经正确上传;
swf:Input Type String,uploadify.swf的路径,默认'uploadify.swf';
uploader:Input Type String,服务端处理脚本,默认'uploadify.php';
uploadLimit:Input Type Number,上传的最大数量,默认999;
width:Input Type Number,按钮宽度,默认120;
那些事件:
onCancel:当一个文件从队列中移除时触发;
onClearQueue:当清空队列时触发;
onDestroy:当调用destroy时触发;
onDialogClose:当对话框关闭时触发;
onDialogOpen:当对话框打开时触发;
onDisable:当uploadify实例被调用disable方法时触发;
onEnable:当uploadify实例被调用enable方法时触发;
onFallback:
onInit:实例被初始化时触发;
onQueueComplete:队列完成时触发;
onSelect:当选择某一文件时触发;
onSelectError:当选择文件,发生错误时触发;
onSWFReady:当falsh boject加载完毕时触发;
onUploadComplete:当文件(单个)上传成功时触发,不管成功还是失败;
onUploadError:当上传单个发生错误时触发;
onUploadProgress:上传过程中触发;
onUploadStart:
onUploadSuccess:当每一个文件上传成功时触发;
2012年6月1日记:今天看了下,居然这篇文章被阅读的最多,看来很多朋友在这里问题上卡住了,应几个网友的要求,顺便写了个简单的demo,有需要的同学自己去下载吧。
下载地址:http://dl.dbank.com/c03zlcnfax
再补充下,图片传不上去,没有返回结果时,先考虑下后面php处理的时候是不是路径不对,所以文件没有上传上去,然后主要后面要用echo输出,而不是用return返回,切记
分享到:
相关推荐
本文将深入探讨"uploadify-v3.1 for eclipse"这一针对Eclipse开发环境的版本,揭示其核心功能、使用方法以及在项目中的实际应用。 Uploadify v3.1是Uploadify系列的一个稳定版本,它提供了一种优雅的方式来处理文件...
在本项目中,"基于uploadify-v3.1的文件批量上传"是利用ASP.NET技术实现的一种功能,它允许用户一次性上传多个文件,并且具有进度条显示上传进度,提高了用户体验。 Uploadify是一个JavaScript库,特别适用于jQuery...
提到上传,就会想到file标签。但是如果文件过大,或者多个文件的时候,这个html标签就有点力不从心了,下面主要讨论php后台来处理多线程上传...正因为自带标签的局限性,所以就有了今天的这个Uploadify这个插件的诞生。
8. **兼容性**:Uploadify v3.1应该已经考虑了各种浏览器的兼容性,包括IE、Firefox、Chrome、Safari等主流浏览器,确保用户可以在不同的设备和环境下正常使用。 9. **错误处理与调试**:在实际开发过程中,可能会...
jquery.uploadify-3.1.min.js 修改了SWFUpload.prototype.getFlashHTML ()方法,解决了在ie9在点击上传按钮后,不能弹出浏览文件的对话框问题。
总的来说,"jquery.uploadify-v2.1.4[修正版]"是一个对中文支持友好的上传工具,它在原版的基础上修复了中文显示问题,使得开发者可以更灵活地定制化上传界面,提高了中国用户的使用体验。如果你的项目需要处理中文...
问题描述:firefox,chrome正常,ie在兼容模式下正常,但是在正常浏览模式下无法弹出上传文件的选择框 解决办法:如果用的是jquery.uploadify-3.1.min.js的话,那这个js替换一下
基于jquery的上传插件Uploadify,无论在功能、外观、可用性和扩展性上都有不错表现,于是研究了一番,同时把jquery-uploadify-2.1版本和jquery-uploadify-3.1版本比较了一下,而且该上传程序就是这两个版本的实例代码...
### 文件上传组件 Uploadify-3.1-Demo实例详解 #### 概述 Uploadify是一款功能强大且易于使用的文件上传组件,它通过Flash技术实现,能够帮助开发者在Web应用中轻松实现文件上传功能。本篇内容将围绕Uploadify 3.1...
Uploadify v2.1.4 使用JavaScript和Flash技术,允许用户选择多个文件并同时上传,提供了一种友好的用户体验。它还支持自定义事件、回调函数以及多种配置选项,以便开发者能够根据项目需求进行定制。例如,你可以设置...
- **jquery.uploadify.v2.1.0.min.js**:压缩版的Uploadify脚本,体积更小,适用于生产环境。 - **Uploadify v2.1.0 Manual.pdf**:官方手册,详细解释了插件的所有参数和使用方法,是学习和调试的重要参考资料。 ...
Uploadify-v3.0.0 是一款强大的前端文件上传组件...综上所述,Uploadify-v3.0.0 是一个功能齐全、易于使用的前端文件上传解决方案,它为Web开发者提供了强大的工具,帮助他们创建更高效、用户体验更好的文件上传系统。
这个插件是基于jQuery库构建的,因此如果你已经熟悉jQuery,那么使用Uploadify将非常直观。本篇文章将深入探讨Uploadify的使用方法、核心功能和常见配置,帮助你更好地理解和应用这个工具。 ### 1. **基本使用** ...
在“uploadify-v1.2.2”这个官方版本中,包含了完整的插件文件和必要的示例,帮助开发者快速上手。通常,压缩包内的文件包括JavaScript文件(如uploadify.js)、CSS文件(如uploadify.css)以及用于展示效果的HTML...
- `'swf'`: 指定Uploadify使用的SWF文件路径,这是一个Flash组件,负责实际的文件选择和上传操作。 - `'uploader'`: 指定服务器端处理文件上传的脚本路径。 - `'auto'`: 默认情况下,Uploadify会在用户选择文件后...
最近需要做一个批量上传图片的功能 用了很多方法,有的很复杂,有的没有成功 最后用了uploadify,去网上下了个最新的3.1版本,但是网上多数都是2.×的例子,已经有很多...所以自己写了一个uploadify-v3.1图片上传功能
《jQuery.uploadify-v2.1.4:便捷高效的文件上传组件》 在Web开发中,文件上传功能是一项不可或缺的部分,而jQuery.uploadify v2.1.4是一款深受开发者喜爱的前端文件上传插件。它以其易用性、高效性和丰富的自定义...
标题"Uploadify-v2.1.4"表明我们正在讨论的是Uploadify的第2.1.4版本。这个版本可能包含了对早期版本的改进和修复,以提高稳定性和用户体验。 描述中的"JQ上传插件,可控制文件类型,大小,支持多传"揭示了...
使用`jQuery.uploadify-v2.1.4`的步骤大致如下: 1. 在HTML中引入jQuery库和uploadify的相关文件,包括JS和CSS。 2. 创建一个HTML元素作为上传按钮,通常是一个`<input type="file">`标签。 3. 使用jQuery选择该...