eclipse 基于struts2 + json 实现文件异步上传， 显示进度条

如果需要源码的朋友请发emial  给我:358645712@qq.com

在这里希望跟各位朋友多多交流，有什么不足的地方请指教。

 

2个难点： 1 异步上传  （重点：浏览器兼容问题。  怎么在JS中获取<intpu file="file"> 里面的value,. ）

                     2 显示进度条(难点：1怎么监听文件上传过程， 2 实现进度条，需要多线程)

 

 

所需技术支持：

1 struts2 （需要使用到它与json的集成， 2 需要commons-fileupload.jar 实现文件上传监听）

2 jquery  (异步上传基于jquery技术实现)

3 juqeyr_ui (使用里面的progressBar  的样式)

4 struts-json-plugin(建立客户端js与服务端action的数据传输)

5 ajaxfileupload.js (实现异步文件上传，兼容浏览器,基于jquery)

 

 

===============================================================================================================

            开始开发

======================================

 

搭建环境，导入包，最后项目建立后的结果如图：

1建立daync-web-project : struts2-json

2导入struts2 相关JAR包， json包

3 导入jquery 1.83.js, 

           ajaxfileupload.js,

           jquery-easy.ui.js

4导入jquery.easy.ui.css

    

 

 

 

环境搭建完毕之后，我们可以做自己想做的了。。

1 配置web.xml 如图:

 

2 在src下面创建struts.xml ，配置如图：

4 创建文件上传filter, 监听类 如图：

 

具体实现如下：