SWFUpload v2.5说明文档

合集下载

jquery+SWFUpload+COS上传组件的使用

/*自定义jquery插件vinSwfUpload的皮肤css样式*/
<linkhref="css/vinSwfUpload-1.2-skin.css"rel="stylesheet"type="text/css"/>
/*自定义jquery插件vinSwfUpload的主要css样式*/
<linkhref="css/vinSwfUpload-1.2.css"rel="stylesheet"type="text/css"/>
sizeUnit:"Byte",
选择的文件最终显示的计量结果单位
sizeFixed:2,
在计算结果后保留的小数位数
fileType:"*.*",
允许上传的文件类型பைடு நூலகம்
autoRemove:false,
是否自动移除完成上传的记录
autoRemoveStoped:false,
是否在停止的时候移除上传中的文件记录
<param-value>10</param-value>
</init-param>

<init-param>
<param-name>ENCODING</param-name>
<param-value>utf-8</param-value>
</init-param>

SWFUpload中文教本新

个个 upload_start_handler : upload_start_function,
个个 upload_progress_handler : upload_progress_function,
个个 upload_error_handler : upload_error_function,
个个 modificationdate : Date, // The date the file was last modified
个个 filestatus : number, // The file's current status. Use SWFUpload.FILE_STATUS to in
个个-
个个 void
[
]SWFUpload
个个 SWFUpload
UI
SWFUpload
this
SWFUpload
个个 + fileDialogComplete (number of files selected) 个个个个 1.
个个 2. 个个个个个个 number of files selected 个个 + uploadStart (file object) 个个-
个个 file_size_limit : "1024",
MB
个个 file_upload_limit : 10,
“0”
个个 file_queue_limit : 2,
file_upload_limit
个个 flash_url : "/swfupload_f9.swf", Flash 个个 flash_width : "1px", 个个 flash_height : "1px", 个个 flash_color : "#FFFFFF", 个个 debug : false, 个个 swfupload_loaded_handler : swfupload_loaded_function, Flash

uploadifive参数

Uploadifive参数1. 简介在开发Web应用程序时，经常需要实现文件上传的功能。

uploadifive是一个用于实现文件上传的jQuery插件。

通过使用uploadifive，可以方便地实现文件上传功能，并且提供了丰富的参数和事件来满足各种需求。

2. 功能特点2.1 文件选择使用uploadifive，用户可以通过点击按钮或拖拽文件到指定区域来选择需要上传的文件。

这使得用户体验更加友好和灵活。

2.2 多文件上传uploadifive支持同时上传多个文件，用户可以一次选择多个文件并将它们一起上传。

2.3 进度条显示在文件上传过程中，uploadifive提供了一个进度条来显示当前上传进度。

这样用户可以清楚地看到文件上传的状态。

2.4 文件类型限制通过设置参数，可以限制用户只能选择特定类型的文件进行上传。

例如，只允许选择图片、文档或视频等特定类型的文件。

2.5 文件大小限制同样地，通过设置参数，可以限制用户只能选择不超过指定大小的文件进行上传。

这有助于避免服务器负载过大和网络传输时间过长的问题。

2.6 自定义回调函数使用uploadifive，可以自定义各种回调函数来处理文件上传过程中的各个阶段。

例如，可以在文件上传完成后触发一个回调函数来执行特定的操作，比如显示上传成功的提示信息。

3. 参数列表以下是uploadifive插件提供的一些常用参数：参数名类型默认值描述参数名类型默认值描述auto boolean true 是否自动开始上传buttonText string ‘选择文选择文件按钮上显示的文本件’fileSizeLimit string ‘0’文件大小限制，以KB、MB或GB为单位，0表示不限制fileType string ‘*’文件类型限制，使用逗号分隔多个类型，例如：‘jpg,png,gif’formData object {} 需要额外传递给服务器的数据method string ‘post’请求方法uploadLimit number null 一次性最大允许上传的文件数量uploadScript string - -3.1 auto•类型：boolean•默认值：true该参数用于设置是否自动开始上传。

文件上传插件SWFUpload的使用指南

⽂件上传插件SWFUpload的使⽤指南SWFUpload是⼀个flash和js相结合⽽成的⽂件上传插件，其功能⾮常强⼤。

以前在项⽬中⽤过⼏次，但它的配置参数太多了，⽤过后就忘记怎么⽤了，到以后要⽤时⼜得到官⽹上看它的⽂档，真是太烦了。

所以索性就把它的⽤法记录下来，也⽅便英语拙计的同学查看，利⼈利⼰，⼀劳永逸。

(ps：SWFUpload早就不再更新了，官⽹也打不开了，推荐⼤家使⽤Plupload来代替SWFUpload，Plupload以html5上传⽅式为主，在不⽀持html5的浏览器中会⾃动回退到flash的上传⽅式，功能灰常强⼤！使⽤⽅法可以看我写的《前端上传组件Plupload使⽤指南》)SWFUpload的特点：1、⽤flash进⾏上传，页⾯⽆刷新，且可⾃定义Flash按钮的样式;2、可以在浏览器端就对要上传的⽂件进⾏限制;3、允许⼀次上传多个⽂件，但会有⼀个上传队列，队列⾥⽂件的上传是逐个进⾏的，服务器端接收⽂件时跟普通的表单上传⽂件是⼀样的;4、提供了丰富的事件接⼝供开发者使⽤;SWFUpload的⽂件上传流程是这样的：1、引⼊相应的js⽂件2、实例化SWFUpload对象，传⼊⼀个配置参数对象进⾏各⽅⾯的配置。

3、点击SWFUpload提供的Flash按钮，弹出⽂件选取窗⼝选择要上传的⽂件；4、⽂件选取完成后符合规定的⽂件会被添加到上传的队列⾥；5、调⽤startUpload⽅法让队列⾥⽂件开始上传；6、⽂件上传过程中会触发相应的事件，开发者利⽤这些事件来更新ui、处理错误、发出提⽰等等；SWFUpload包括三部分的内容：SWFUpload.js、swfupload.swf、初始化配置参数及各种事件处理函数。

所以⾸先在页⾯引⼊SWFUpload.js<script src='SWFUpload.js'></script>然后实例化⼀个SWFUpload对象：var swfu;window.onload = function () {var settings_object = {//定义参数配置对象upload_url : "/upload.php",flash_url : "/swfupload.swf",file_post_name : "Filedata",post_params : {"post_param_name_1" : "post_param_value_1","post_param_name_2" : "post_param_value_2","post_param_name_n" : "post_param_value_n"},use_query_string : false,requeue_on_error : false,http_success : [201, 202],assume_success_timeout : 0,file_types : "*.jpg;*.gif",file_types_description: "Web Image Files",file_size_limit : "1024",file_upload_limit : 10,file_queue_limit : 2,debug : false,prevent_swf_caching : false,preserve_relative_urls : false,button_placeholder_id : "element_id",button_image_url : "/button_sprite.png",button_width : 61,button_height : 22,button_text : "<b>Click</b> <span class="redText">here</span>",button_text_style : ".redText { color: #FF0000; }",button_text_left_padding : 3,button_text_top_padding : 2,button_action : SWFUpload.BUTTON_ACTION.SELECT_FILES,button_disabled : false,button_cursor : SWFUpload.CURSOR.HAND,button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT,swfupload_loaded_handler : swfupload_loaded_function,file_dialog_start_handler : file_dialog_start_function,file_queued_handler : file_queued_function,file_queue_error_handler : file_queue_error_function,file_dialog_complete_handler : file_dialog_complete_function,upload_start_handler : upload_start_function,upload_progress_handler : upload_progress_function,upload_error_handler : upload_error_function,upload_success_handler : upload_success_function,upload_complete_handler : upload_complete_function,debug_handler : debug_function,};swfu = new SWFUpload(settings_object);//实例化⼀个SWFUpload，传⼊参数配置对象};/*定义各种事件监听函数*/function swfupload_loaded_function(){}function file_dialog_start_function(){}...等等我们看到要实现⼀个swfupload上传功能很简单，就是实例化⼀个swfupload对象。

SWFUpload 多文件上传手册

SWFUpload中文文档地址是：/doc/swfupload/Documentation.html 网官上的DEMO为：/v220/index.htm下载地址：/p/swfupload/SWFUpload最初是由Vinterwebb.se开发的一个客户端的上传工具. 它结合了FLASH和JavaScript的功能，以提供一种超越了传统的浏览器中<inputtype="file" />标签提供的文件上传功能。

SWFUpload提供的主要功能:∙在文件选择对话框中能够进行文件多选∙页面无刷新的上传∙提供上传进度的事件回调，实时显示上传进度∙良好的浏览器兼容性∙采用了命名空间以兼容其它JS的库 (例如 jQuery, Prototype, 等等) ∙∙对FLASH 9和FLASH 10播放器的支持(V2.2.0版本放弃了对Flash 8的支持)SWFUpload背后的设计思想和其它基于Flash的上传工具是不同的。

它将浏览器的中UI交给开发人员来控制。

开发人员能够利用XHTML,CSS,Javascript来定制符合他们网站风格的UI上传元素。

然后使用它提供的一组简单的JS事件来更新上传状态，开发人员能够利用这些事件来及时更新页面中的上传进度UI。

不幸的是Flash Player 10 更严格的安全机制迫使我们不得不将一个Flash Button放入Flash影片中。

SWFUpload提供API供开发者通过图片、文字、CSS 的方式来自定制更灵活的UI显示。

SWFUpload v2SWFUpload v2包含了新的高级功能，改善了稳定性，解决了FlashPlayer中的一些bug，并且提供一套有用的插件。

新的功能包括：∙兼容了Flash Player 10的安全限制问题∙在文件上传的同时能够发送额外的POST数据∙针对每一个文件上传发送POST/GET数据∙更直观的事件回调∙动态修改实例设置∙接收服务端返回的数据∙非取消形式的停止文件上传∙自定义上传的顺序∙支持单文件、多文件的文件的选择∙文件入队数量，文件上传数量和文件大小的限制∙更合理地处理0字节的文件∙针对每个文件在上传前都提供一个最后确认的时间回调∙解决了v1.0.2版本中未描述到的关于Flash的bug∙解决的v1.0.2中的bug:o在IE中，刷新的时候FLASH无法加载（详细可见我之前的debug 过程）o在FireFox中，如果窗口的滚动条没有回滚到顶部，那么Flash 无法加载o Race-conditions when files are cached∙兼容 FormsSWFUpload v2 延续了SWFUpload的设计目标，将UI分离以交给开发人员控制和后续扩展概述传统的HTML上传标准的HTML上传表单为用户提供一个文本框和按钮来选择文件，选中的文件是随着form表单提交的。

EXT+SWFUpload文件上传

服务器返回（PHP），其他的语言只要返回值为JSON就行成功：json_encode(array('state'=>true,'info'=>'上传成功','servername'=>服务器保存的文件名（不带扩展名）,'linkurl'=>保存路径,'filemaxid'=>公告记录ID（可以根据需要不用）,'fileext'=>文件扩展名));失败：json_encode(array('state'=>false,'info'=>错误信息));如果要做为HTMLEDITOR的一个图标使用，加以下代码，在EXT-all-debug.js文件HTMLEDITOR 控件内容中，具体位置找一下啰注意要给HTMLEDITOR加个参数：uploadfileConfig:{}tb.add('-',{itemId:'uploadfile',iconCls: 'uploadfile',scope: editor,handler: function(){var tmpuploadwin = Ext.getCmp(this.id+'_uploadwin');if(!tmpuploadwin){this.uploadfileConfig.upload_win_id = this.id+'_uploadwin';this.uploadfileConfig.upload_type = 1; //我用这个代表传文件，0-代表传图片new Ext.SWFUpload(this.uploadfileConfig);}else{tmpuploadwin.show();}},tooltip: {title: '插入附件',text: '在光标所在位置插入附件引用.',cls: 'x-html-editor-tip'}})在需要的地方引用：xtype:'htmleditor',uploadfileConfig:{upload_url:处理文件上传后台保存的URL,file_size_limit:文件大小限制,file_upload_limit:上传文件数限制,del_datafile_url:删除已上传文件的URL,del_datafile_params:前面URL参数如'task=bulletin_delfile',post_params:{传文件时需要传的参数，关键字和值都用引号引起来}},代码（放EXT-all-debug.js最后）：Ext.SWFUpload = function(config){Ext.apply(this, config);var Application={};Application.uploadDialog = {upload_win_id:this.upload_win_id,upload_type:this.upload_type,del_datafile_url:this.del_datafile_url,del_datafile_params:this.del_datafile_params,SingleUpload:false, //单个/多个文件上传模式DeleteFileCount:0, //删除已上传文件次数，限制小于或等于允许上传的文件数file_upload_limit，防止反复删除上传UploadSuccessCount:0, //真正上传到服务器上的文件数FileMaxId:'', //处理业务表的最大记录数StopUpload:false, //停止上传标志progressBarText:this.progressBarText,statuBarText:this.statuBarText,upload_url:this.upload_url,file_size_limit :this.file_size_limit,file_types :this.file_types,file_types_description :this.file_types_description,file_upload_limit :this.file_upload_limit,file_queue_limit :this.file_queue_limit,button_image_url : this.button_image_url,button_placeholder_id : this.button_placeholder_id,button_width: this.button_width,button_height: this.button_height,button_cursor: this.button_cursor,button_window_mode: this.button_window_mode,flash_url:this.flash_url,post_params : this.post_params,custom_settings : this.custom_settings,debug: this.debug,show:function(){if(!this.dialog) this.initDialog();this.uploadAction[1].disable();this.uploadAction[2].disable();this.uploadAction[3].disable();this.uploadAction[4].disable();this.uploadAction[5].disable();this.uploadAction[6].disable();this.uploadAction[7].enable();},ok:function(){var rtnurl = '';var obj=Application.uploadDialog;var store=obj.uploadGrid.store;var rowcount=store.getCount();var fileexticon = {'doc':'word','dot':'word','rtf':'word','xls':'excel','xlt':'excel','xla':'excel','xlw':'excel','pdf':'pdf','dll':'d ll','ppt':'ppt','pot':'ppt','pps':'ppt','ppa':'ppt','vsd':'visio','vss':'visio','vst':'visio','rar':'rar','zip':'rar' ,'swf':'flash','htm':'html','html':'html','mht':'html','mhtml':'html','txt':'text','log':'text','sql':'text','exe':'exe' ,'com':'exe','bat':'exe','bmp':'picture','jpg':'picture','jif':'picture','jfif':'picture','jpeg':'picture','gif':'picture','png':'pict ure','emf':'picture','ini':'ini','cfg':'ini','rle':'picture','wmf':'picture','dib':'picture','mid':'sound','midi':'sound','mp3':'sound','asf':'sou nd','rm':'sound'};for(var i = 0;i<rowcount;i++){var rec = store.getAt(i);if(rec.data['uploaded']==1){var filetype = rec.data['filetype'].toLowerCase();filetype = (fileexticon[filetype]) ? fileexticon[filetype] : 'unknow';//rtnurl = rtnurl + '<p style="height:24px; font-size: 14px; line-height: 23px;"><img src="/resources/00/image/'+filetype+'.gif" border="0"><a class="bulletin" href="/bulletin/bulletin_readfile.html?file='+rec.data['linkurl']+rec.data['servername']+'.'+rec.dat a['filetype']+'">'+rec.data['linkname']+'  <spanstyle="font-size:12px">['+Ext.util.Format.fileSize(rec.data['size'])+']</span></a></p>';rtnurl = rtnurl + '<p style="height:24px; font-size: 14px; line-height: 23px;"><img src="/resources/00/image/'+filetype+'.gif" border="0"><a class="bulletin" href="javascript:void(0);"onclick="fun_filedown(\'/bulletin/bulletin_readfile.html?name='+encodeURIComponent(rec.data ['linkname']+'.'+rec.data['filetype'])+'&path='+encodeURIComponent(rec.data['linkurl'])+'&file='+ rec.data['servername']+'.'+rec.data['filetype']+'\')">'+rec.data['linkname']+'.'+rec.data['filetype']+'   <spanstyle="font-size:12px">['+Ext.util.Format.fileSize(rec.data['size'])+']</span></a></p>';}}this.dialog.hide();Ext.getCmp(this.dialog.id.substr(0,this.dialog.id.length -10)).insertAtCursor(rtnurl);},hide:function(){this.dialog.hide();},deletefile:function(rec,store,obj){if(rec.data.uploaded=='1'){ //删除上传成功的文件,需要删除数据库信息和服务器文件if(obj.DeleteFileCount>=obj.file_upload_limit){msgbox('E','已达到上传文件删除次数限制！');return false;}var deltmpparams = obj.del_datafile_params+'&filepath='+rec.data.linkurl+'&filename='+rec.data.servername+'&filee xt='+rec.data.filetype;var delinfo = fun_sync_exec(obj.del_datafile_url,deltmpparams);delinfo = Ext.decode(delinfo);if(delinfo.state==false){ //后台删除失败rec.set('state','4');rec.set('errinfo',);mitChanges();return false;}else{ //后台删除成功obj.DeleteFileCount++; //增加删除次数obj.UploadSuccessCount--; //减少真正上传数obj.swfu.setStats({successful_uploads:obj.UploadSuccessCount}); //减少SWF真正上传数obj.swfu.cancelUpload(rec.data.id,false);store.remove(rec);}}else{ //删除未上传或未成功的文件obj.swfu.cancelUpload(rec.data.id,false);store.remove(rec);}obj.stateInfo.getEl().innerHTML=String.format(obj.statuBarText,store.getCount(),Ext.util.For mat.fileSize(store.sum('size')));if(store.getCount()==0){store.removeAll();obj.uploadProgressBar.updateProgress(0,'');obj.uploadProgressBar.updateT ext('');obj.swfu.setButtonDisabled(false);obj.uploadAction[1].disable();obj.uploadAction[2].disable();obj.uploadAction[3].disable();obj.uploadAction[4].disable();obj.uploadAction[5].disable();obj.uploadAction[6].disable();}return true;},uploadAction:[new Ext.Action({id:'fileupload_selectfile_id'}),new Ext.Action({text:'删除选择',iconCls:'filedel',disabled:true,handler:function(){ var obj=Application.uploadDialog;var grid=obj.uploadGrid;if(!grid.selModel.hasSelection()){msgbox('W','请先选择要删除的记录！');return;}var store=grid.store;var selection=grid.getSelectionModel().getSelections();for(var i=0;i<selection.length;i++){var rec=store.getAt(store.indexOfId(selection[i].id));if(!obj.deletefile(rec,store,obj)) return false; //删除}}}),new Ext.Action({text:'清空全部',iconCls:'filecancel',disabled:true,handler:function(){var obj=Application.uploadDialog;var store=obj.uploadGrid.store;var len=store.getCount();for(var i=0;i<len;i++){var rec=store.getAt(0);if(!obj.deletefile(rec,store,obj)) return false; //删除}}}),new Ext.Action({text:'上传选择',iconCls:'fileupselect',disabled:true,handler:function(){var obj=Application.uploadDialog;obj.SingleUpload = true; //单个上传模式var grid=obj.uploadGrid;if(!grid.selModel.hasSelection()){msgbox('W','请先选择要上传的记录！');return;}var selection=grid.getSelectionModel().getSelections();var rec=selection[0];obj.swfu.startUpload(rec.data.id);}}),new Ext.Action({text:'上传全部',iconCls:'fileupall',disabled:true,handler:function(){var obj=Application.uploadDialog;obj.SingleUpload = false; //多个上传模式obj.StopUpload = false; //取消停止标志obj.swfu.startUpload();}}),new Ext.Action({text:'停止进程',iconCls:'fileupstop',disabled:true,handler:function(){var obj=Application.uploadDialog;obj.StopUpload = true; //设置停止标志obj.swfu.stopUpload();}}),new Ext.Action({text:'确定',iconCls:'ok',handler:function(){Application.uploadDialog.ok();}}),new Ext.Action({text:'退出',iconCls:'exit',handler:function(){Application.uploadDialog.hide();}})],initDialog:function(){this.dialog=newExt.Window({id:this.upload_win_id,iconCls:'uploadfile',animCollapse:false,layout:'fit',width:640,height:370,title:'附件上传...',closeAction:'hide',border:false,modal:true,plain:true,closable:false,resizable:true,collapsible:true,maximizable:true,bbar:[this.uploadProgressBar=new Ext.ProgressBar({width:624})],items:[this.uploadGrid=new Ext.grid.EditorGridPanel({autoExpandColumn0:1,enableHdMenu:false,clicksToEdit:1,autoEncode:true,selModel:new Ext.grid.RowSelectionModel({singleSelect:true}),tbar:[this.uploadAction[0],'-',this.uploadAction[1],this.uploadAction[2],'-',this.uploadAction[3],this.uploadAction[4],'-',this.uploadAction[5],'->','-',this.uploadAction[ 6],'-',this.uploadAction[7]],bbar:[this.stateInfo=newExt.Toolbar.TextItem(String.format(this.statuBarText,0,Ext.util.Format.fileSize(0)))],store: new Ext.data.SimpleStore({fields: ['autoid','id','state', 'file','size','filetype','errinfo','reuploadcount','linkname','linkurl','servername','uploaded'],data:[]}),columns:[new Ext.grid.RowNumberer1(),{header: '文件名称',width:200,dataIndex:'file',sortable:true},{header: '大小', width: 60,renderer:Ext.util.Format.fileSize,dataIndex:'size',sortable:true,align:'right'},{header: '状态', width: 70,dataIndex:'state',align:'center',sortable:true,renderer:function(_value){if(_value=='0'){return '等待上传';}else if(_value=='1'){return '<font color=orange>正在上传…</font>';}else if(_value=='2'){return '<font color=green>上传成功</font>'}else if(_value=='3'){return '<font color=red>上传失败</font>'}else if(_value=='4'){return '<font color=red>删除失败</font>'} }},{header: '错误信息', width: 105,dataIndex:'errinfo',sortable:true},{header: '链接文字', width: 138,dataIndex:'linkname',sortable:true,editor:newExt.form.TextField({allowBlank:false,minLength:1,maxLength:200,validationDelay:50})}//,{header: 'linkurl', width: 100,dataIndex:'linkurl',sortable:true},//{header: 'servername', width: 100,dataIndex:'servername',sortable:true},//{header: 'uploaded', width: 100,dataIndex:'uploaded',sortable:true}]})],listeners: {'resize':function(a,b,c){Application.uploadDialog.uploadProgressBar.setWidth(b - 16);}}})this.dialog.show();var tmpdomsapn = this.dialog.body.createChild({tag: 'span',id:'fileupload_selectfile_span'});Ext.get('fileupload_selectfile_id').replaceWith(tmpdomsapn);this.swfucfg = {upload_url:this.upload_url,file_size_limit :this.file_size_limit,file_types :this.file_types,file_types_description :this.file_types_description,file_upload_limit :this.file_upload_limit,file_queue_limit :this.file_queue_limit,file_dialog_start_handler : this.fileDialogStart,file_queued_handler : this.fileQueued,file_queue_error_handler : this.queueError,file_dialog_complete_handler : this.fileDialogComplete,upload_start_handler : this.uploadFileStar,upload_progress_handler : this.uploadProgress,upload_error_handler : this.uploadError,upload_success_handler : this.uploadSuccess,upload_complete_handler : this.uploadComplete,//选择文件按钮设置button_image_url : this.button_image_url,button_placeholder_id : this.button_placeholder_id,button_width: this.button_width,button_height: this.button_height,button_cursor: this.button_cursor,button_window_mode: this.button_window_mode,//FLAS插件URLflash_url:this.flash_url,post_params : this.post_params, //附加传递参数custom_settings : this.custom_settings,debug: this.debug}this.swfu=new SWFUpload(this.swfucfg);},fileQueued:function(file){ //选择文件后排队事件var obj=Application.uploadDialog;var data=[];var filetype=(file.type.substr(1)).toLowerCase(); //文件类型var showname = .substr(0,.length - file.type.length);//for(var prop in file){alert(prop+" : "+file[prop]);}var rowcount=obj.uploadGrid.store.getCount();if(rowcount>0){ //已经选取文件需要验证是否又选择了同名的文件if(obj.uploadGrid.store.find('file',,0,false)!= -1){obj.swfu.cancelUpload(file.id,false);msgbox('E',+' 已经被选取！');return;}}data.push([file.index+1,file.id,'0',,file.size,filetype,'',0,showname,'','','0']);obj.uploadGrid.store.loadData(data,true);obj.uploadAction[1].enable();obj.uploadAction[2].enable();obj.uploadAction[3].enable();obj.uploadAction[4].enable();obj.uploadAction[5].disable();obj.stateInfo.getEl().innerHTML=String.format(obj.statuBarText,obj.uploadGrid.store.getCou nt(),Ext.util.Format.fileSize(obj.uploadGrid.store.sum('size')));obj.uploadProgressBar.updateProgress(0,'上传就绪！');},queueError:function(file,errcode,message){switch (errcode) {case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:msgbox('E','单个文件大小不能超过'+Application.uploadDialog.swfucfg.file_size_limit+'！<br><br>出错文件：'+);break;case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:msgbox('E','不能上传0 字节文件！<br><br>出错文件：'+);break;case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:msgbox('E','无法识别的文件类型！<br><br>出错文件：'+);break;case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:msgbox('E','最多只能上传'+Application.uploadDialog.swfucfg.file_upload_limit+' 个文件！');break;default:msgbox('E','未知错误，无法选择文件！<br><br>出错文件：'+);break;}return;},uploadFileStar:function(file){var obj=Application.uploadDialog;var index=obj.findData(file.id);obj.swfu.setButtonDisabled(true);obj.uploadAction[1].disable();obj.uploadAction[2].disable();obj.uploadAction[3].disable();obj.uploadAction[4].disable();obj.uploadAction[5].enable();obj.uploadAction[7].disable();if(index>=0){if(obj.uploadGrid.store.getAt(index).data.reuploadcount>=3){msgbox('E','文件反复上传次数不能超过3 次！<br><br>出错文件：'+);obj.StopUpload = true; //设置停止标志return false;}obj.post_params['uploadtype'] = String(obj.upload_type); //上传类型（0-图片；1-文件）obj.post_params['fileoknum'] = String(obj.UploadSuccessCount); //真正已经上传的文件数obj.post_params['fileindex'] = String(Math.abs(file.index)); //为了保存文件名不重复，加入文件序号参数obj.post_params['filetype'] = obj.uploadGrid.store.getAt(index).data.filetype; //传入文件扩展名obj.post_params['filemaxid'] = obj.FileMaxId; //业务表中的最大记录号obj.swfu.setPostParams(obj.post_params);obj.uploadGrid.store.getAt(index).set('state','1');obj.uploadGrid.store.getAt(index).set('reuploadcount',obj.uploadGrid.store.getAt(index).dat a.reuploadcount+1);mitChanges();}obj.uploadProgressBar.updateProgress(0,String.format(obj.progressBarText,,0));return true;},uploadProgress:function(file,bytesloaded){var obj=Application.uploadDialog;var percent = Math.ceil((bytesloaded / file.size) * 100);obj.uploadProgressBar.updateProgress(percent/100,String.format(obj.progressBarText,file.n ame,percent));},uploadSuccess:function(file,server_data){ //用服务器返回的文件大小和当前的比较，一致表示成功server_data = Ext.decode(server_data);var obj=Application.uploadDialog;var index=obj.findData(file.id);if(index>=0){var rec = obj.uploadGrid.store.getAt(index);if(server_data.state==false){ //从服务器返回失败rec.set('state','3');rec.set('errinfo',server_);}else{obj.UploadSuccessCount ++;obj.FileMaxId = server_data.filemaxid; //得到业务系统最大记录数rec.set('state','2');rec.set('errinfo','');rec.set('linkurl',server_data.linkurl);rec.set('servername',server_data.servername);rec.set('filetype',server_data.fileext);rec.set('uploaded','1');obj.uploadAction[6].enable();}mitChanges();}obj.swfu.setStats({successful_uploads:obj.UploadSuccessCount}); //根据服务器返回成功数设置控件的真正成功数},uploadComplete:function(file){var obj=Application.uploadDialog;//多文件自动上传if(obj.swfu.getStats().files_queued>0 && obj.SingleUpload===false && obj.StopUpload==false){obj.swfu.startUpload();}else{obj.uploadProgressBar.updateProgress(1,'上传完毕！');obj.swfu.setButtonDisabled(false);obj.uploadAction[1].enable();obj.uploadAction[2].enable();obj.uploadAction[3].enable();obj.uploadAction[4].enable();obj.uploadAction[5].disable();obj.uploadAction[7].enable();}},uploadError:function(file,errcode,message){var errinfo = '';switch (errcode) {case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:errinfo = 'HTTP网络协议失败';break;case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL: errinfo = '未找到服务器地址';break;case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:errinfo = '上传过程失败';break;case SWFUpload.UPLOAD_ERROR.IO_ERROR:errinfo = '文件读取错误';break;case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:errinfo = '无文件操作权限';break;case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED: errinfo = '上传超时';break;case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND: errinfo = '未找到上传文件';break;case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED: errinfo = '文件检验失败';break;case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:errinfo = '上传过程被取消';break;case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:errinfo = '上传过程被停止';break;default:errinfo = '未知错误';break;}var obj=Application.uploadDialog;if(file){var index=obj.findData(file.id);if(index>=0){obj.uploadGrid.store.getAt(index).set('state','3');obj.uploadGrid.store.getAt(index).set('errinfo',errinfo);}mitChanges();}obj.swfu.setButtonDisabled(false);obj.uploadAction[1].enable();obj.uploadAction[2].enable();obj.uploadAction[3].enable();obj.uploadAction[4].enable();obj.uploadAction[5].disable();obj.uploadAction[7].enable();},fileDialogStart:function(){},fileDialogComplete:function (num_files_queued){},findData:function(id){var rowindex=Application.uploadDialog.uploadGrid.store.find('id',id);return rowindex;}}Application.uploadDialog.show();};Ext.SWFUpload.prototype = {upload_win_id:'',upload_type:0, //上传类型（0-图片；1-文件）del_datafile_url:'', //删除上传文件及数据库信息的URLdel_datafile_params:'', //删除上传文件及数据库信息附加条件progressBarText:'正在上传：{0}，{1}%完成',statuBarText:'文件总数：{0}个；总计大小：{1}',upload_url:'',file_size_limit : '8 MB',file_types : '*.*',file_types_description : '文件类型',file_upload_limit : '10',file_queue_limit : '0',//选择文件按钮设置button_image_url : '/resources/00/image/fileupbutton.png',button_placeholder_id : 'fileupload_selectfile_span',button_width: 72,button_height: 21,button_cursor: -2, //SWFUpload.CURSOR.HANDbutton_window_mode: 'opaque', //SWFUpload.WINDOW_MODE.OPAQUE//FLAS插件URLflash_url:'/resources/00/js/swfupload.swf',post_params : {},custom_settings : {},debug: false};。

swfupload 文件上传与下载

文件上传与下载一、文件上传与下载所需要文件(*.js,*.css,*.swf)1.存放位置总共7个相关文件；2.引入包的位置跟平时引入js一样，这儿需要引入5个相关文件。

文件上传之SWFUpload插件代码

这篇文章主要介绍了文件上传之SWFUpload插件（代码）,实现此代码主要分为两部分：1.前台文件index.html和2.后台文件upload.php，需要的朋友可以参考下下面通过一段代码给大家演示下，主要分为 1.前台文件index.html和 2.后台文件upload.php。

具体代码如下所示：代码如下:1.前台文件index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml" ><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><head><title>SWFUpload</title><link href="css/default.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="swfupload/swfupload.js"></script><script type="text/javascript" src="js/swfupload.queue.js"></script><script type="text/javascript" src="js/fileprogress.js"></script><script type="text/javascript" src="js/handlers.js"></script><script type="text/javascript">var swfu;window.onload = function() {var settings = {flash_url : "swfupload/swfupload.swf",upload_url: "upload.php", // 后台文件post_params: {"PHPSESSID" : "<?php echo session_id(); ?>"},file_size_limit : "100 MB",file_types : "*.*",file_types_description : "All Files",file_upload_limit : 100,file_queue_limit : 0,custom_settings : {progressTarget : "fsUploadProgress",cancelButtonId : "btnCancel"},debug: false,// 按钮设置button_image_url: "images/TestImageNoText_65x29.png", // Flash样式图片文件button_width: "65",button_height: "29",button_placeholder_id: "spanButtonPlaceHolder",button_text: '<span class="theFont">浏览</span>',button_text_style: ".theFont { font-size: 16; }",button_text_left_padding: 12,button_text_top_padding: 3,// 句柄设置file_queued_handler : fileQueued,file_queue_error_handler : fileQueueError,file_dialog_complete_handler : fileDialogComplete,upload_start_handler : uploadStart,upload_progress_handler : uploadProgress,upload_error_handler : uploadError,upload_success_handler : uploadSuccess,upload_complete_handler : uploadComplete,queue_complete_handler : queueComplete};swfu = new SWFUpload(settings);};</script></head><body><div id="header"><h1 id="logo"><a href="/">SWFUpload</a></h1><div id="version">v2.2.0</div></div><div id="content"><form id="form1" action="index.php" method="post" enctype="multipart/form-data"><p>点击“浏览”按钮，选择您要上传的文档文件后，系统将自动上传并在完成后提示您。

SWF文件格式说明

Tag Format 标签格式
Each tag begins with a tag type and a length. There are two tag header formats, short and long. Short tag headers are used for tags with 62 bytes of data or less. Long tag headers can be used for any tag size up to 4GB, far larger than is presently practical. 每个标签都以标签类型和长度开头。标签头格式有两种，短型和长型。短型标签头用在数据
文件长度字段代表包括文件头整个文件的总长度．如果是一个未压缩的 SWF 文件(FWS 标识符)，文件长度字段表示文件的精确大小；如果是一个压缩的 SWF 文件(CWS 标识)，文件长度字段表示解压后文件的大小，这样一般就不是实际文件的大小了．让未压缩（解压后）的大小可见，则可以使解压过程更加有效．
If the tag is 63 bytes or longer, it is stored in a long tag header. The long tag header consists of a short tag header with a length of 0x3f, followed by a 32-bit length. 假如标签是 63 字节或者更长，它具有长型标签头。长型标签头就好像一个以 0x3f 开头的短型标签头，后面跟着一个 32 位长度。
swf 文件格式说明书（中文+英文）
SWF 文件头
字段
类型
标识
8位
F 代表压缩

SWFUpload多文件上传手册

SWFUp‎l oad中文文档地‎址是：/doc/swfup‎l oad/Docum‎e ntat‎i on.html 网官上的D‎E MO为：http://demo.swfup‎l /v220/index‎.htm下载地址：http://code.googl‎/p/swfup‎l oad/SWFUp‎l oad最初是由Vinte‎r webb‎.se开发的一个‎客户端的上‎传工具. 它结合了F‎L ASH和‎J avaS‎c ript‎的功能，以提供一种‎超越了传统‎的浏览器中‎<input‎type="file" />标签提供的‎文件上传功‎能。

SWFUp‎l oad提‎供的主要功‎能:∙在文件选择‎对话框中能‎够进行文件‎多选∙页面无刷新‎的上传∙提供上传进‎度的事件回‎调，实时显示上‎传进度∙良好的浏览‎器兼容性∙采用了命名‎空间以兼容‎其它JS的‎库 (例如 jQuer‎y, Proto‎t ype, 等等) ∙∙对FLAS‎H 9和FLA‎S H 10播放器‎的支持(V2.2.0版本放弃‎了对Fla‎s h 8的支持)SWFUp‎l oad背‎后的设计思‎想和其它基‎于Flas‎h的上传工‎具是不同的‎。

它将浏览器‎的中UI交‎给开发人员‎来控制。

开发人员能‎够利用XH‎T ML,CSS,Javas‎c ript‎来定制符合‎他们网站风‎格的UI上‎传元素。

然后使用它‎提供的一组‎简单的JS‎事件来更新‎上传状态，开发人员能‎够利用这些‎事件来及时‎更新页面中‎的上传进度‎U I。

不幸的是F‎l ash Playe‎r 10 更严格的安‎全机制迫使‎我们不得不‎将一个Fl‎a sh Butto‎n放入Fl‎a sh影片‎中。

SWFUp‎l oad提‎供API供‎开发者通过‎图片、文字、CSS 的方‎式来自定制‎更灵活的U‎I显示。

SWFUp‎l oad v2SWFUp‎l oad v2包含了‎新的高级功‎能，改善了稳定‎性，解决了Fl‎a shPl‎a yer中‎的一些bu‎g，并且提供一‎套有用的插‎件。

SWFUpload中文版手册

它将浏览器的中UI交给开发人员来控制。

开发人员能够利用XHTML,CSS,Javascript来定制符合他们网站风格的UI上传元素。

然后使用它提供的一组简单的JS事件来更新上传状态，开发人员能够利用这些事件来及时更新页面中的上传进度UI。

不幸的是Flash Player 10 更严格的安全机制迫使我们不得不将一个Flash Button放入Flash影片中。

SWFUpload提供API供开发者通过图片、文字、CSS 的方式来自定制更灵活的UI显示。

SWFUpload v2SWFUpload v2包含了新的高级功能，改善了稳定性，解决了FlashPlayer中的一些bug，并且提供一套有用的插件。

SWFUpload技术文档

SWFUploadSWF多文件无刷新上传，利用flash完成多文件上传操作。

服务器端可以用Struts、Servlet、JSP完成，这里用Struts1.x完成上传1、首先看下目录结构SWFUpload这个文件夹是核心文件，里面的文件一个都不能少。

css文件夹是样式文件，所有的样式可以在此文件中修改完成images是图片jslib是js库文件，需要的上传的js文件和flash文件其中handlers.js是上传中一系列的事件，可以在此文件中修改自己的上传所需要的事件。

如开始上传、取消、停止上传等swfupload.queue.js这个文件主要是完成将客户端选择的多一个文件一个个的排成一个队列，然后依次向服务器上传。

swfupload.swf是flash文件，就那个添加或上传的按钮sample.html是完成后的上传实例2<script type="text/javascript" src="jslib/handlers.js" charset="utf-8"></script><script type="text/javascript">var swfUpload;window.onload = function() {var settings = {flash_url : "jslib/swfupload.swf",upload_url: "../upload.do",post_params: {"param" : "uploadParams"},file_size_limit : "200MB",file_types : "*.*",file_post_name: "uploadFile",file_types_description : "All Files",file_upload_limit : 50,file_queue_limit : 0,custom_settings : {progressTarget : "fsUploadProgress",cancelButtonId : "btnCancel"},debug: true,//是否显示调试的textarea// Button settingsbutton_image_url:"images/TestImageNoText_65x29.png",button_width: "65",button_height: "29",button_placeholder_id: "spanButtonPlaceHolder",button_text: '<span class="theFont">浏览</span>',button_text_style: ".theFont { font-size: 12; }",button_text_left_padding: 12,button_text_top_padding: 3,// The event handler functions are defined in handlers.jsfile_queued_handler : fileQueued,file_queue_error_handler : fileQueueError,file_dialog_complete_handler :fileDialogComplete,upload_start_handler : uploadStart,upload_progress_handler : uploadProgress,upload_error_handler : uploadError,upload_success_handler : uploadSuccess,upload_complete_handler : uploadComplete,queue_complete_handler : queueComplete};//自定义属性，是否停止上传swfUpload = new SWFUpload(settings);swfUpload.stopped = false;};function fileDialogComplete(numberselected, numberqueued) {if (swfUpload.getStats().files_queued > 0) {document.getElementById("btnCancel").disabled = false;}}function queueComplete(numberselected, numberqueued) { //alert(numberselected + "-" + numberqueued);}function upload() {if (swfUpload.getStats().files_queued > 0) {//document.getElementById("btnCancel").disabled = true;swfUpload.startUpload();} else {alert("请选择要上传的文件!");}}function stop() {if (swfUpload) {swfUpload.stopUpload();}}</script></head><body><div id="content"><h2></h2><form id="form1" action="" method="post"enctype="multipart/form-data"><p></p><div class="fieldset flash" id="fsUploadProgress"><span class="legend">上传文件列表</span></div><div id="divMovieContainer"><input id="filenamelist" type="hidden"name="filenamelist" /><span id="spanButtonPlaceHolder"></span><input type="button" value="上传"onclick="upload();" style="margin-left: 2px; font-size: 8pt; height: 29px;" /><input type="button" value="停止"onclick="stop();" style="display: none; margin-left: 2px; font-size: 8pt; height: 29px;" /><input id="btnCancel" type="button" value="取消所有" onclick="swfUpload.cancelQueue();" disabled="disabled"style="margin-left: 2px; font-size: 8pt; height: 29px;" /><input type="button"onclick="javaScript:window.close();" name="bt" style="margin-left: 2px; font-size: 8pt; height: 29px;" value="关闭" /></div></form></div></body></html>A．先介绍导入的js文件<link rel="stylesheet" type="text/css" href="css/default.css"><script type="text/javascript" src="jslib/swfupload.js"></script><script type="text/javascript"src="jslib/swfupload.queue.js"></script><script type="text/javascript" src="jslib/fileprogress.js"></script><script type="text/javascript" src="jslib/handlers.js" charset="utf-8"></script>这些文件是必须的，且在导入的时候注意你的路径和顺序。

SWFUpload_v2.5中文API 介绍

SWFUpload v2.5.0 DocumentationSWFUpload 2.5.0版官方说明文档中文翻译版Table of Contents 内容列表详情请点击翻译：yukon12345 2010.6.101.SWFUpload2.SWFUpload 版本 23.概览（Overview）4.入门（ Getting Started）5.js对象（SWFUpload JavaScript Object）1.构造器（Constructor）2.全局变量和常量（Globals and Constants）1.【新增内容】instances2.movieCount3.【新增内容】QUEUE_ERROR4.【新增内容】UPLOAD_ERROR5.【新增内容】FILE_STATUS6.【新增】UPLOAD_TYPE7.【新增内容】BUTTON_ACTION8.【新增内容】CURSOR9.【新增内容】BUTTON_WINDOW_MODE10.【新增】RESIZE_ENCODING11.【新增】onload3.属性 Properties1.【新增内容】customSettings2.movieName4.方法 Methods1.addSetting不推荐（deprecated)2.getSetting不推荐（deprecated)3.retrieveSetting已移除（removed in v2.1.0)4.destroy添加自2.1.0 （added in v2.1.0)5.displayDebugInfo6.selectFile7.selectFiles8.startUpload9.【新增】startResizedUpload (added in v2.5.0)10.cancelUpload11.stopUpload12.【新增】requeueUpload13.getStats14.setStats15.getFile16.【新增】getQueueFile (added in v2.5.0)17.addPostParam18.removePostParam19.addFileParam20.removeFileParam21.setUploadURL22.setPostParams23.setFileTypes24.setFileSizeLimit25.setFileUploadLimit26.setFileQueueLimit27.setFilePostName28.setUseQueryString29.setDebugEnabled30.setButtonImageURL (added in v2.2.0)31.setButtonDimensions (added in v2.2.0)32.setButtonText (added in v2.2.0)33.setButtonTextStyle (added in v2.2.0)34.setButtonTextPadding (added in v2.2.0)35.setButtonDisabled (added in v2.2.0)36.setButtonAction (added in v2.2.0)37.setButtonCursor (added in v2.2.0)5.【新增内容】事件 Events1.flashReady2.【新增】swfUploadPreload3.【新增】swfUploadLoadFailed4.【新增】swfUploadLoaded5.【新增】buttonAction6.fileDialogStart7.fileQueued8.【新增内容】fileQueueError9.fileDialogComplete10.【新增】uploadResizeStart11.uploadStart12.uploadProgress13.uploadError14.【新增】uploadSuccess15.uploadComplete16.debug6.实用功能对象 SWFUpload Utility Objects1.Settings Object2.Settings Description3.【新】Support Object4.File Object5.Stats Object6.相关插件 SWFUpload Plug-ins7.【新增内容】已知问题 Known IssuesSWFUploadSWFUpload最初是Vinterwebb.se开发的客户端文件上传工具。

FlashFXP使用说明及设置方法

主页镜像太多，而且要上传的软件又多又大，光靠56K Modem怎么能行，别说没有那么多的人民币来付上网费用，就是有我也没时间呀，怎么办呢？聪明的你一定会像我一样选择FXP，因为将一个FTP站点上的文件直接传输到另一个FTP站点便是FXP文件传输方式了（^_^）FXP是File Exchange Protocol（文件交换协议）的缩写，样子长的很像FTP吧，其实FXP 本身就是FTP众多协议中的一个协议。

因为在公共网络中，服务器到服务器的文件传输实际上就是利用了FTP服务器的Proxy（代理）命令，不过它的前提条件是FTP服务器要支持PASV。

这下你可以利用两个网站之间的DDN专线，没准儿是光缆，来传输你的文件了:^）现在的你，对FXP有了一定的了解了吧，想自己动手玩一下？没问题，同时打开两次你使用的FTP软件（一般的软件都支持同时运行的，例如CuteFTP），在两个程序的服务器端控制窗口间对你想要传递的文件进行简单的拖拽处理，就是FXP文件传输了，简单吧！不过这样的FXP功能，不但浪费了巨大的系统资源，而且在操作上面也是非常的麻烦的。

所以软件商为你提供了如FTPro、2ServerServer、Super FTP之类的FXP软件，但我个人则向你吐血推荐FlashFXP，绝对是FXP软件的经典之作！FlashFXP的体积虽然仅仅只有500多KB，比起CuteFTP可谓小巧玲珑，而且是绿色软件（无需安装DLL，也不写注册表），但它却融合了一些其他优秀FTP软件的优点，如像CuteFTP 一样可以比较文件夹，支持彩色文字显示；像BpFTP支持多文件夹选择文件，能够缓存文件夹；像LeapFTP一样的外观界面，甚至设计思路也差相仿佛。

在使用和站点管理上决不会输给著名CuteFTP。

它的站点管理功能允许使用简单方便的目录树进行管理，而且还可以对不同的FTP 站点进行分组管理。

当用户添加了对站点注释说明后，FlashFXP还可以为你显示选中的每一个站点的详细信息哟。

整合了下批量上传可以拖动排序【swfupload】

整合了下批量上传可以拖动排序【swfupload】分享下tp整合的swfupload插件，实现ajax上传、拖动排序。

有不合理的地⽅望⼤⽜们别喷。

1、这属于第三⽅控件，我们先建⼀个Vendor存放第三⽅控件。

当然也可以⽤别名。

2、控件中handlers.js我改过。

我是为了取得本控件中返回上传后图⽚名称，赋值给⽂本域。

通过这个⽂本域进⾏更新数据库。

进⾏排序。

SWFUpload附件上传与下载处理中文乱码以及Linux和windows环境下注意事项

Java开发在windows下和linux下的区别注意项
开发一般都是在windows下进行，界面友好方便，开发速度比Linux快。

Linux只是安全性高，将已经开发好的程序布置到Linux上去而已。

一般我们都是在windows下开发，项目部署的时候都会发布在linux环境下。

由于Java的跨平台性，一次编译可以在不同的平台运行；基本与开发环境无关在windows下和linux下开发几乎没有区别，但开发和部署的时
候有一些小的细节我们要注意，我总结了一点供大家参考：
一、路径的问题
Windows下文件的分隔符“\”
Linux下文件的分隔符“/”
由于我们经常都是在windows环境下开发的，所以对文件的读写，用到路径的地方有许多人习惯的用“\\”，在windows的环境下正常，可是到了linux环境下就会报错了，所以尽量用File.separator获得路径的分割符。

图片：
二、编码的方式问题
一般情况下，我们常用的WindowsXP的默认编码字符集是GBK，Linux的默认编码字符集utf-8或其他的编码方式。

我们开发时，经常会有一些对字节流等流的操作，有许多会进
行临时文件的存储和读取，这时候我们都会用到编码字符集，所以在部署项目的时候要把服务器的编码字符集修改成我们项目用到的编码方式，这样避免一些会出现的乱码问题。

另外，有时我们用一些上传文件的工具从windows环境上传到linux环境下时，有时会出现乱码问题，例如我们常用的winscp上传项目文件到linux环境下时有的时候就会出现乱码问题。

图片：
项目中设置编码
设置服务器编码server.xml文件中
三、相关案例
码一致。

SWFUpload V2.2.0 说明文档

SWFUpload V2.2.0 说明文档更新时间：2008-11-07TOC1.SWFUpload2.SWFUpload 23.概述4.入门5.SWFUpload JavaScript 对象1.构造器2.全局变量和常量1.instances2.movieCount3.QUEUE_ERROR4.UPLOAD_ERROR5.FILE_STATUS6.Default Event Handlers7.BUTTON_ACTION(added in v2.2.0)8.BUTTON_CURSOR(added in v2.2.0)9.BUTTON_WINDOW_MODE(added in v2.2.0)3.属性1.customSettings2.movieName4.方法1.addSetting (不推荐使用)2.getSetting (不推荐使用)3.retrieveSetting (v2.1.0中已删除)4.destroy (v2.1.0中新增)5.displayDebugInfo6.selectFile (不推荐使用)7.selectFiles (不推荐使用)8.startUpload9.cancelUpload10.stopUpload11.getStats12.setStats13.getFile14.addPostParam15.removePostParam16.addFileParam17.removeFileParam18.setUploadURL19.setPostParams20.setFileTypes21.setFileSizeLimit22.setFileUploadLimit23.setFileQueueLimit24.setFilePostName25.setUseQueryString26.setDebugEnabled27.setButtonImageURL (added in v2.2.0)28.setButtonDimensions (added in v2.2.0)29.setButtonText (added in v2.2.0)30.setButtonTextStyle (added in v2.2.0)31.setButtonTextPadding (added in v2.2.0)32.setButtonDisabled (added in v2.2.0)33.setButtonAction (added in v2.2.0)34.setButtonCursor (added in v2.2.0)5.事件1.flashReady2.swfUploadLoaded3.fileDialogStart4.fileQueued5.fileQueueError6.fileDialogComplete7.uploadStart8.uploadProgress9.uploadError10.uploadSuccess11.uploadComplete12.debug6.SWFUpload 功能对象1.Settings Object2.Settings Description3.File Object4.Stats Object6.SWFUpload 插件（未译）7.存在的问题（未译）SWFUploadSWFUpload最初是由Vinterwebb.se开发的一个客户端的上传工具. 它结合了FLASH和JavaScript的功能，以提供一种超越了传统的浏览器中<input type="file" />标签提供的文件上传功能。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

它联合javascript和flash，在浏览器中提供一个优于传统上传标签 <inputtype="file" /> 的功能（和良好的用户体验）。

SWFUpload 的主要特性:∙文件浏览对话框中可以选择多个文件∙∙AJAX风格的上传，不用重刷新∙∙上传过程中的各种事件.∙∙可以在客户端调节图片大小∙∙它使用的类命名空间兼容各种js库(i.e., jQuery, Prototype, 等.).∙∙支持 Flash 9 and Flash 10 (2.2.0版本后取消对flash 8的支持)SWFUpload 的设计理念与其他基于flash的上传工具不同。

SWFUpload 给开发者尽可能多的UI控制能力. 开发者可以使用 XHTML, CSS,JavaScript 来使它更符合自己网站的样式风格. 它提供一组简单的js事件更新上传状态，开发者可以根据这些事件来在网页中显示文件上传进度不过不幸的是 Flash Player 10 迫使我们不得不用一个按钮（点击后）才能触发文件选择对话框，但SWFUpload允许开发者用js来修改这个按钮的文字等外观。

SWFUpload v2SWFUpload v2 包含了许多新的特性，增强的稳定性，解决了FlashPlayer 中的一些bug，提供了一些有用的插件（Plug-ins）. 新特性包括: ∙可利用Flash Player 10 安全特性.∙可以随上传来POST额外的数据∙针对每一个文件上传发送POST数据∙完善的各种事件组.∙所有设置，参数，都可以灵活配置.∙可获取服务器回传的数据.∙可暂停正在上传的文件，而不是取消.∙任意修改上传的次序.∙可提供单一或多文件的选择对话框.∙可限制上传文件队列长度，文件大小，上传文件个数∙可更好地处理0字节文件.∙每个文件都有上传确认事件.OverviewHTML Upload标准的HTML上传框只提供一个按钮和一个文本框让用户选择单个文件。

然后通过表单提交。

整个文件必须等到它上传完毕后才能确认并检查文件大小，文件扩展名，而且上传的过程中，回传反馈很少。

这就造成了一些使用上的不便利。

但传统的HTML上传十分简单，单一步骤，所有浏览器都支持它。

SWFUploadSWFUpload 使用Flash 影片（flash movie）来选择和上传文件。

影片里有一个可定制的按钮来激活文件选择对话框。

文件选择对话框允许用户选择单一的文件或者多个文件。

选择的的文件类型也是可以被限制的，开发人员可以限定用户只能选择指定的适当的文件，例如*.jgp;*.gif。

一旦选择并点击确定，每个文件都会被验证，并放入队列。

当Flash上传文件的时候，由开发人员预定义的Javascript事件会被触发以便来更新页面中的UI显示，并且还能实时提供上传状态和错误信息。

文件的上传是独立于页面和表单的。

每个文件单独的上传到处理页面，这就使服务器可以简单轻松地处理文件。

flash提供的上传服务使得整个页面不必提交或者刷新。

这有点像AJAX程序。

页面中的Form表单数据会和FLASH控制的文件上传单独处理。

入门 Getting StartedSWFUpload 不是拖放式的上传控件。

因此需要一些dom和js的知识。

几个demo将会展示swfUpload的能力以及如何使用它们完成任务。

SWFUpload 包含4部分:1.初始化和设置 (JavaScript)2.JavaScript 库: SWFUpload.js3.Flash控件: swfupload.swf 和 swfupload_fp9.swf4.事件处理机制 (JavaScript)许多使用 SWFUpload 的问题都出在设置上。

错误的事件处理， Flash/浏览器的Bug,或者服务器配置。

初始化和设置 Initialization and SettingsSWFUpload 必须在页面上初始化.它通常在js的window.onload事件里完成. SWFUpload 的构造函数需要获取一个Object类型的对象（js）. 这个对象的数据直接的传递给构造函数.初始化的SWFUpload对象的引用（reference）应该保存好，（yukon:即用变量存储起来.如例子中的swfu）因为在启动文件上传以及控制其他特性的时候也需要这个引用。

例子:初始化SWFUpload时直接传入一个匿名对象来配置参数var swfu; window.onload = function () { swfu = newSWFUpload({ upload_url : "/upload.php", //处理上传文件的地址 flash_url : "/swfupload.swf", //核心功能swf的地址 flash9_url :"/swfupload_fp9.swf", file_size_limit : "20 MB" //文件大小限制 }); };例子:也可以在初始化SWFUpload时使用一个对象变量（settings_object）传入配置参数var swfu; window.onload = function () { var settings_object ={ upload_url : "/upload.php", flash_url : "/swfupload.swf", flash9_url :"/swfupload_fp9.swf", file_size_limit : "20 MB" }; swfu = new SWFUpload(settings_object); };js库 JavaScript library如果想使用swfupload， js库文件(swfupload.js) 必须被引入到使用的页面中.一旦 SWFUpload 对象被创建，就可以访问许多功能函数。