多文件上传组件SWFUpload java环境小例子

 本文发现还是有人发短消息提问，今天特地编辑一下。

当时发文的时候，网上关于flash提交文件的文章还是比较少的，现在是一google一大把。所以本文也不会再更新什么东西了。。

另外说明下那个例子是很久前的东西了，不适用于flash10版本，只能用在flash9以下版本，想使用看效果的可以把本机的flash版本退到9然后看下效果。

============================分割线=========================

前几周做一个web企业项目，用户一定要求要有批量上传功能,而且指明了要和他们的老系统上传文件功能一样(老系统是c/s结构，vb做的)。然后没办法，想来想去只有flash能做到，于是上网找有没有这方面的东西，就找到了这个小编——SWFUpload.

官网地址是：http://swfupload.mammon.se/

由于在官网的里例子示范里面只有PHP,C#,VB.net和ROR的,然后我上javaeye搜了下，好象也不多，只有一篇，而且也是比较高级的，于是只能自己搞了。

完了之后觉得这个东西的确相当不错，使用感觉很好，我估计我以后做项目可能都要用这玩意了。

代码我自己做了个war包，很简单的一个例子，我在tomcat5.5和java5.0环境下测试通过。

包结构如下：

Java代码

 

1. index.jsp   
2. upload.jsp   
3. js   
4. +-----example_callbacks.js   
5. +-----SWFUpload.js   
6. +-----SWFUpload.swf  

index.jsp
upload.jsp
js
+-----example_callbacks.js
+-----SWFUpload.js
+-----SWFUpload.swf

以上index.jsp就是文件上传显示页面，upload.jsp做上传功能。js里面的两个一个是与swf通信的回调函数，一个是本身使用的js文件。

比较重要的一段内容是在index.jsp里面，如下

Java代码

 

1. var swfu;   
2.     window.onload = function() {   
3.     swfu = new SWFUpload({   
4.         upload_script : "../upload.jsp",  //调用的上传功能   
5.         target : "SWFUploadTarget",  
6.         flash_path : "js/SWFUpload.swf",  //flash所在位置   
7.         allowed_filesize : 30720,   // 30 MB   
8.         allowed_filetypes : "*.*",  
9.         allowed_filetypes_description : "All files...",  
10.         browse_link_innerhtml : "选择",  
11.         upload_link_innerhtml : "开始上传",  
12.         browse_link_class : "swfuploadbtn browsebtn",  
13.         upload_link_class : "swfuploadbtn uploadbtn",  
14.         flash_loaded_callback : 'swfu.flashLoaded',  
15.         upload_file_queued_callback : "fileQueued",  
16.         upload_file_start_callback : 'uploadFileStart',  
17.         upload_progress_callback : 'uploadProgress',  
18.         upload_file_complete_callback : 'uploadFileComplete',  
19.         upload_file_cancel_callback : 'uploadFileCancelled',  
20.         upload_queue_complete_callback : 'uploadQueueComplete',  
21.         upload_error_callback : 'uploadError',  
22.         upload_cancel_callback : 'uploadCancel',  
23.         auto_upload : false  
24.     })   
25. }  

var swfu;
	window.onload = function() {
	swfu = new SWFUpload({
		upload_script : "../upload.jsp",//调用的上传功能
		target : "SWFUploadTarget",flash_path : "js/SWFUpload.swf",//flash所在位置
		allowed_filesize : 30720,// 30 MB
		allowed_filetypes : "*.*",allowed_filetypes_description : "All files...",browse_link_innerhtml : "选择",upload_link_innerhtml : "开始上传",browse_link_class : "swfuploadbtn browsebtn",upload_link_class : "swfuploadbtn uploadbtn",flash_loaded_callback : 'swfu.flashLoaded',upload_file_queued_callback : "fileQueued",upload_file_start_callback : 'uploadFileStart',upload_progress_callback : 'uploadProgress',upload_file_complete_callback : 'uploadFileComplete',upload_file_cancel_callback : 'uploadFileCancelled',upload_queue_complete_callback : 'uploadQueueComplete',upload_error_callback : 'uploadError',upload_cancel_callback : 'uploadCancel',auto_upload : false
	})
}

有一点要提醒，要当心这个upload_script属性，这个值是一个相对地址， 是swf文件相对于上传功能文件的路径。这个很容易搞错我这个包里upload.jsp就是上传功能，看代码就知道了，很原始的一个文件上传。 再就是如果上传过程中是404错误，一般是就是这个upload_script属性设置错误，如果是500错误就是上传文件（upload.jsp）出错。 具体的配置等等就看官网的论坛吧，常见问题基本都在那里了。