无刷新上传图片源码-jQuery无刷新上传组件Uploadify 30参数详解

简易封罐机、调节内衣制造商是一款功能强大且高度可定制的文件上传插件。 它是基于jQuery和SWFUpload开发的。 支持进度条显示无刷新上传图片源码,取得了很好的效果。 可以看到下图: 从Uploadify下载页面可以看到无刷新上传图片源码,当前版本为Uploadify-v3.0.0(Beta),但仍是Beta版本,所以目前网站上的文档主要是针对uploadifyv2的。 14. 所以这里就不介绍旧版本的文档了,主要讲一下Uploadify3.0的一些用法。 Uploadify v3.0和旧版本还是有很大区别的。 虽然从演示来看基本是一样的,但是jquery调用uploadify时,一些非常重要的参数名称发生了变化。 呈现上的区别在于,旧版本将按钮样式放在了flash中,而v3.0则将按钮样式从flash中分离出来,可以更自由地定义。 下面说一下v3.0的使用方法以及参数有哪些变化: 使用方法:123456789101112131415161718192021 在页面中,首先uploadify它所依赖的两个js库:jquery和swfobject,然后添加从网上下载的jquery.uploadify.js 。 。 至此,准备工作已经就绪,我们开始使用 jQuery.uploadify() 函数。

传入指定的参数后,uploadify就会按照你的要求进行工作。 Uploadifyv3.0的参数详细解释。 需要以下参数。 当然插件也给他们分配了必要的默认值 123id:jQuery(this).attr('id'), //根据页面绑定的对象来设置idswf:'uploadify.swf'对于uploadify来说, //uploadify的上传功能是通过flash实现的。 swf用来设置这个flash的位置。 这个flash可以在下载的插件包uploader中找到:‘uploadify. php',//该参数是文件上传后调用的PHP代码的地址。 以下参数为可选参数: 123456789101112131415161718192021222324252627//Optionsauto:false,//设置是否自动上传选中的文件buttonClass:'',//可以自定义按钮的样式buttonCursor:'hand',//设置图标鼠标移动文件时flash上​​显示的鼠标buttonImage:false,//设置按钮的图像buttonText:'SELECTFILES',//设置按钮上显示的文字cancelImage:'uploadify-cancel.png',//设置取消按钮的图片 checkExisting:'uploadify-check-existing.php',//检查上传的文件是否已存在 debug:false,//是否开启uploadify调试器 fileObjName: 'Filedata',//服务器接受文件时使用的表单名称 fileSizeLimit:0,//设置上传文件的大小,0为无限 fileTypeDesc:'AllFiles(*.*)',fileTypeExts:'*.*', //设置文件上传文件时输入 height:30, //设置flash高度 method:'post',//设置提交方式 multi:false,//是否付费一起上传多个文件queueID:false,//队列ID,如果为false,则动态设置queueSizeLimit:999, //队列中同时上传的文件数量removeCompleted: true, //文件上传完成后自动清空队列,如果设置为false,则不会被清除removeTimeout:3, //在最后一次完成之前删除队列时的延迟时间requeueErrors:false,//如果设置为true,上传错误的文件会多次重新上传 postData:{},//设置upload是需要传入的参数preventCaching:true,//在swf URL中随机添加一个字符串,防止缓存progressData:'percentage', //设置队列显示类型,percentage是百分比,speed是速度successTimeout:30, //上传完成后,等待几秒获取服务器响应 uploadLimit:999, //上传队列最大宽度: 120, //设置flash的宽度。 下面是一些可能需要的函数: onCancel 有一个 file 参数,可以用来获取 file.name 形式的文件名。 用于删除尚未上传或正在上传的文件。 onClearQueue 用于清除当前上传队列。 其中一个参数queueItemCount用于指定当前队列中的上传数量。 onDestroy没有参数,用于销毁flash上​​传插件。 onDialogClose 用于浏览文件。 对话框关闭时触发。 有一个queueData参数可以用5个属性来调用。 filesSelected 选中的文件数量 filesQueued 添加到上传队列的文件数量(如果发生错误,不会返回错误信息) filesReplaced 替换当前队列中的文件 .filesCancelled 数量已在上传队列中,但取消的文件数(不包括替换) filesErrored 上传错误的文件数 onDialogOpen 在打开浏览文件对话框时立即触发。 该函数没有参数。 onEnable 和 onDestroy 函数是相对的,用于启用flash上​​传插件。 onFallback 当检测到浏览器中没有兼容的 flash 版本时触发。 onInit 在Uploadify 初始化时触发。 有一个参数实例,它返回一个Uploadify对象。 onQueueComplete 是当队列中的所有文件都上传完成时触发的函数。 有一个参数:queueData有两个属性 uploadsSuccessful 上传成功次数 uploadsErrored 上传错误次数 onSelect 在选择文件时触发,有文件对象 file.onSelectError 在选择的文件发生错误时触发。 Exists 三个参数: file 返回文件对象 errorCode 错误代码 QUEUE_LIMIT_EXCEEDED 文件队列中所有文件的数量 FILE_EXCEEDS_SIZE_LIMIT 文件大小限制 ZERO_BYTE_FILE 空文件 INVALID_FILETYPE 不匹配的文件类型 errorMsg 错误消息 onSWFReady 在安装 flash 插件时触发,不带参数。 onUploadComplete 在队列中的每个文件上传完成时触发一次。 有一个文件对象文件参数。 如果有错误,那就是错误消息。 onUploadError 当文件已经发送到服务器但发生错误时触发。 该函数有四个参数:file 文件对象,包括文件大小、文件名、文件类型等属性。 errorCode返回的错误代码,errorMsg返回的错误信息,errorString,易于阅读的详细错误信息。 onUploadProgress 在上传进度条更新时触发。 有五个参数。 file 文件对象,包括文件大小、文件名、文件类型等属性。 bytesUploaded 已发送文件的字节数 bytesTotal 文件大小totalBytesUploaded 上传队列中已上传文件的大小totalBytesTotal 上传队列中所有文件的大小 onUploadStart 在文件上传前触发。有一个文件对象file.onUploadSuccess 在每个文件上传成功时触发。 file文件对象共有三个参数,包括文件大小、文件名、文件类型等属性。 数据服务器返回的数据响应返回服务器响应数据。 可选调用方式:cancel用于操作文件队列。 有两个参数:fileID。 要取消的文件 ID。 当指定该参数时,文件队列中的指定文件将被取消。 如果未指定,则仅取消第一个文件。 文件,如果要取消所有文件,可以使用*作为参数。 抑制事件 如果该参数为 true,则不会调用 onUploadCancel 函数。 调用方法:12destroy用于销毁Uploadify对象。 该函数没有参数。 调用方法:12disable 该模式使用有一个参数,用于禁用或启用文件选择按钮。 setDisabled 如果设置为 true,则禁用该按钮;如果设置为 false,则启用该按钮。 调用方式:12| settings用于重置Uploadify对象的参数。 name 要修改的参数 Name.value 要更改的值 resetObjects 如果值为 true,则更改的值已存在时进行替换,不存在则添加。 调用方法:12|1234567891011121314$(function(){("#file_upload").uploadify( {'swf'??????:'/uploadify/uploadify.swf','uploader':'/uploadify/uploadify .php'});});functionchangeBtnText(){$('#file_upload'). uploadify('settings','buttonText','BROWSE');}functionreturnBtnText(){alert('Thebuttonsays'+$('#file_upload').uploadify('settings','buttonText'));}stop停止当前的文件正在队列中上传。 没有参数。 调用方法:12|upload 用于上传当前队列中的文件。 有一个参数:fileID,用于指定要上传的文件的ID。 如果要全部上传,请用 * 代替,如果不指定,则默认上传第一个文件。 调用方式:12