关闭

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

4446人阅读 评论(20) 收藏 举报

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

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

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

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

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

包结构如下:

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

 

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

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

代码
  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. }   

 

有一点要提醒,要当心这个upload_script属性,这个值是一个相对地址,是swf文件相对于上传功能文件的路径。这个很容易搞错我这个包里upload.jsp就是上传功能,看代码就知道了,很原始的一个文件上传。

再就是如果上传过程中是404错误,一般是就是这个upload_script属性设置错误,如果是500错误就是上传文件(upload.jsp)出错。

具体的配置等等就看官网的论坛吧,常见问题基本都在那里了。

 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:811290次
    • 积分:11703
    • 等级:
    • 排名:第1358名
    • 原创:339篇
    • 转载:46篇
    • 译文:1篇
    • 评论:268条
    最新评论
    Ruby