Swfupload--很酷的文件上传工具

 

Swfupload--很酷的文件上传工具

分类： Other 2010-12-16 16:54  351人阅读  评论(1)  收藏  举报

 Swfupload官方的描述是：Swfupload是一个包含有flash上传功能的javascript类库，它给我们带来多文件选择、上传进度条和客户文件大小检查等便利。

首先，要了解Swfupload，第一反应是上谷歌查查介绍。当然也可以搜出他的官方网站，就是http://www.swfupload.org了。

要下载它的Release包和Demo可以访问http://code.google.com/p/swfupload/，两个zip包很小，不到一分钟就check下来。

 

我下载的Swfupload v2.2.0.1。

1.解压缩samples包，进入demos/simpledemo文件夹，这里就是swfupload最简单的入门例子了。

2.我用的是JSP，所以可以在myeclipse中新建一个web工程，将demos/simpledemo文件夹中js和images2个文件夹和demos下的css文件夹拷贝到WebRoot下面，然后打开simpledemo中的index.php，将内容拷贝到工程的index.jsp中，并去掉<?php ?>的内容部分。

3.接下来就要稍微修改Index.jsp中的内容，添改如下：

 

[javascript]  view plain copy

1. <link href="css/default.css" mce_href="css/default.css" rel="stylesheet" type="text/css" />  
2. <mce:script type="text/javascript" src="js/swfupload.js" mce_src="js/swfupload.js"></mce:script>  
3. <mce:script type="text/javascript" src="js/swfupload.queue.js" mce_src="js/swfupload.queue.js"></mce:script>  
4. <mce:script type="text/javascript" src="js/fileprogress.js" mce_src="js/fileprogress.js"></mce:script>  
5. <mce:script type="text/javascript" src="js/handlers.js" mce_src="js/handlers.js"></mce:script>  
6.   
7. upload_url: "http://localhost:8080/SwfuploadDemo/upload",  
8. post_params: {"SESSIONID" : "<%=session.getId()%>"},  

 

4.然后要编写一个简单的servlet来处理文件上传，要用到commons-fileupload.jar,commons-io.jar

[java]  view plain copy

1. public void doPost(HttpServletRequest request, HttpServletResponse response)  
2.             throws ServletException, IOException {  
3.         HttpSession session = request.getSession();  
4.     session.setAttribute("SESSIONID",session.getId());  
5.     FileItemFactory factory = new DiskFileItemFactory();  
6.     ServletFileUpload upload = new ServletFileUpload(factory);  
7.     try {  
8.         List<FileItem> items = upload.parseRequest(request);  
9.         Iterator<FileItem> itr = items.iterator();  
10.         while(itr.hasNext()){  
11.                  FileItem item=(FileItem)itr.next();  
12.                       String fileName=item.getName();  
13.             if(fileName!=null){  
14.                 File fullFile=new File(item.getName());  
15.                 File savedFile=new File("d:/uploads",fullFile.getName());  
16.                 item.write(savedFile);  
17.             }  
18.         }  
19.     } catch (FileUploadException e) {  
20.         e.printStackTrace();  
21.     } catch (Exception e) {  
22.         e.printStackTrace();  
23.     }  
24. }  

 

5.最后，部署到tomcat，运行，看看酷酷的上传效果吧！

 

  第一次在csdn上写博客，代码不知道怎么上传，见笑见笑。