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的等代码上简单的进行了编写.

 

程序截图:

初始界面:

 

 

已经上传成功的文件:

 

正在上传的文件：

 

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

 

禁止上传同名的附件:

 

上传文件大小的限制：

评论

5 楼 egooooo 2009-09-15  

首先谢谢共享自己的代码，不过在使用过程中发现了几处bug，不支持firefox,首先是报upload.js文件中17行有错误，

 var attachId = document.getElementById("attachId").value;

原因是在没有定义attachId元素的id,只定义了name.同时提示onchange='doSubmit(document,all.getElementById('upload').value)'这样的写法不正确，我改成了onchange='doSubmit(this.value)'，还有在firefox下上传完附件浏览按钮还是disable=""

4 楼 gohands 2009-09-14  

wuxi7227 写道

chrome里面没支持。

要求真高！！

谢谢楼主！！
好好学习！！

3 楼 yale 2009-09-08  

wuxi7227 写道

用了一下，中文文件名上传后乱码

上传中文出现乱码的话,请修改Tomcat默认编码
tomcat目录下conf文件夹下的server.xml文件,在此文件中<Connector处添加useBodyEncodingForURI="true">

2 楼 wuxi7227 2009-09-08  

chrome里面没支持。

1 楼 wuxi7227 2009-09-08  

用了一下，中文文件名上传后乱码