采用dwr+ajax和struts开发文件上传进度条.docVIP

采用dwr+ajax和struts开发文件上传进度条 不用自己写了，源码可以从 http://www.telio.be/blog/2006/01/06/ajax-upload-progress-monitor-for-commons-fileupload-example里面下载， 下载地址 http://www.telio.be/blog/wp-content/uploads/2006/01/ajax-upload-1.0.war 下载完之后，你需要解包，在命令行中： jar xvf ajax-upload-1.0.war 源码就在\WEB-INF\src下面 将要用到的文件有resources文件夹下，\WEB-INF\下面的dwr.xml和lib下面的jar文件 上传页面 在上面解开的包里面有index.jsp这个是上传页面，upload.jsp负责上传，resources包里面包含了dwr与服务器通讯的javascript脚本，你需要把index.jsp的form中的action换成你的struts action即可，然后把form中的file名改成你actionform中的file属性名，把页面中剩余的file去掉 index.jsp上传页面示例代码： %@ page contentType=text/html; charset=gb2312 language=java import=java.util.* errorPage=% % String path=request.getContextPath(); % html locale=true head SCRIPT language=javascript function check_file() { var strFileName=document.forms(0).file; if (strFileName.value==){ alert(请选择要上传的文件); return false; } startProgress(); } function loadmessage(){ % if (request.getAttribute(message) != null) { % window.alert(%=request.getAttribute(message)%); window.returnValue=yes; %}% } /SCRIPT title上传/title script src=%=path%/resources/js/upload.js /script script src=%=path%/dwr/interface/UploadMonitor.js /script script src=%=path%/dwr/engine.js /script script src=%=path%/dwr/util.js /script style type=text/css #progressBar { padding-top: 5px; } #progressBarBox { width: 350px; height: 20px; border: 1px inset; background: #eee;} #progressBarBoxContent { width: 0; height: 20px; border-right: 1px solid #444; background: blue; } /style LINK href=%=path%/css/style.css type=text/css rel=stylesheet meta http-equiv=Content-Type content=text/html; charset=gb2312 /head style type=text/css !-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } -- /style body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 onLoad=loadmessage() form name=form method=post acti