日期:2014-05-16  浏览次数:20688 次

ssh2(struts2+spring2.5+hibernate3.3+ajax)带进度条文件上传(封装成标签)
ssh2中文件带进度条的上传的demo有很多,但是大多数都是集成了上传的插件来实现的,如:swfupload,dwr等,功能也是非常强大,但是本上传组件没有集成任何插件来进行带进度条上传实现的。请大家在下载后,运行程序前了解本程序实现的原理,我在这里简单介绍一下实现的过程.

struts2上传原理:
struts2自身是封装了上传的操作的,它主要的实现的过程是先通过上传拦截器拦截后,对上传的文件大小进行控制(如果你对struts2的文件大小进行了限制的话,默认好像是允许上传20M内的文件),文件超过指定大小会抛出异常,如果没有超出指定大小,上传的文件会先存储在配置的临时文件夹下,文件上传到临时文件夹后,才会对临时文件夹下的文件进行拷贝,拷贝到自己指定的文件夹下。

对实现进度条功能造成的影响:
那么这样一来,你就无法真实来实现进度条功能,原因很简单,它有一个上传到临时文件夹的过程,然后才会进行拷贝到你指定的文件夹,那么你就无法来进行同步,获得上传的进度,我在网站上看到某些文件中说,只有等待它存储在临时文件夹后,在复制到目标目录时,进行进度判断,这样做中间有个等待过程,哪里还叫真正的进度条上传,这只是一种说法,还有很多种这样没有意义的想法,我就不举例了.

?

本程序实现方式:

1.附件大小限制:没有通过js脚本来验证文件大小,因为现在的浏览器版本太多,js验证文件大小会产生很多异常情况,而且大多数的js脚本程序都要通过设置安全级别来对文件大小作出判断,有的脚本不需要设置安全,但是它不能满足所有浏览器,我测试过,这里就不多啰嗦了.我是直接在后台对struts2抛出的异常的信息截取.然后通过ajax反映到前台来限制文件大小的,本程序设置struts2的上传文件大小限制为30M,如果上传30M以上的文件,会很快反映到前台

2.在上传到临时文件夹时,利用线程同时进行上传进度的跟踪,然后通过ajax,把跟踪的进度结果实时反映到前台,显示进度

3.因为考虑到该程序的特性,因此封装成标签,在想调用上传组件的jsp导入标签即可使用.

?

?

本程序实现功能:

1.?支持多个文件上传
2.?对上传文件进行增加、删除、清空本次上传文件,取消正在上传的文件等操作
3.?对上传文件前检测同名文件,以及上传文件的大小限制
4.?包含中文名称的文件上传、附件上传成功后,在数据库表中插入一条记录,表中file_src_name记录一个随机字符,
在下载时候通过该字段找到相应的附件 
5.?上传文件时候, 反映上传进度

?

?

二次开发本程序:

本程序目录结构:

com/bestsoft/ssh目录

bean/upload目录下:实体映射类

comm目录下:工具类

comm/upload目录下:上传标签类

dao目录下:数据访问接口和实现类

databean目录下:数据传输类

service目录下:业务逻辑接口和实现类

web/action/upload目录下:上传实现类

doc目录下:数据库文档及脚本、标签、设计等说明文件

其他目录下就是配置文件,jsp文件,tld文件等

?

运行程序:

下载本程序后,导入工程,导入相应的jar包,导入数据库文件,修改src下init.properties文件的配置信息(用户名,密码,数据库信息),本程序在tomcat5以上版本运行,ide为eclipse,数据库为mysql(如果你不是用mysql,自己手动进行修改成其他数据库),修改完成后即可运行本程序。

?

说明:

s2sh的jar包比较多,这里就不上传了,如果说需要jar包的话,可以留言给我,我再进行上传,因为本程序主要是以上传功能为主,因此在dao,service的等代码上简单的进行了编写.

?

程序截图:

初始界面:

?

?

已经上传成功的文件:

?

正在上传的文件:

?

上传文件时,对操作的限制:

?

禁止上传同名的附件:

?

上传文件大小的限制:

21 楼 leeoo 2010-12-12  
下过来放在eclipse jee中用tomcat部署成功了,在ie9下运行没发现问题;在firefox3.6.13下有问题,比如直接点击[取消按钮]页面报500错误,直接点击[清空附件]报js错误!选中文件上传时,FireBug插件提示“非标准的属性 document.all。请使用 W3C 的标准形式 document.getElementById() 。”,建议LZ有空修复一下,感谢LZ
22 楼 bbing 2010-12-15  
请问弄下载功能的话那个file-src-name 要怎么弄哦?