加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 06:12:56 所属栏目:百科 来源:网络整理
导读:? Swfupload--很酷的文件上传工具 分类:?Other 2010-12-16 16:54 ? 351人阅读 ? 评论(1) ? 收藏 ? 举报 ?Swfupload官方的描述是:Swfupload是一个包含有flash上传功能的javascript类库,它给我们带来多文件选择、上传进度条和客户文件大小检查等便利。 首先
?

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

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

?

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

?

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读