Struts1.x系列教程（9）：上传任意多个文件 - 编程入门网
作者 佚名技术
来源 NET编程
浏览
发布时间 2012-06-21
| UploadFile(childnum); // 插入新的<input type=”file”/>元素 } // 插入新的<input type=”file”/>元素，适合于不同的浏览器（包括IE、FireFox等） function addUploadFile(index) { try // 用于IE浏览器 { var uploadHTML = document.createElement( "<input type=''file'' id=''file_" + index + "'' name=''file[" + index + "]'' onchange=''insertNextFile(this)''/>"); document.getElementById("files").appendChild(uploadHTML); } catch(e) // 用于其他浏览器 { var uploadObj = document.createElement("input"); uploadObj.setAttribute("name", "file[" + index + "]"); uploadObj.setAttribute("onchange", "insertNextFile(this)"); uploadObj.setAttribute("type", "file"); uploadObj.setAttribute("id", "file_" + index); document.getElementById("files").appendChild(uploadObj); } } function removeFile(index) // 删除当前文件的<div>和<input type=”file”/>元素 { document.getElementById("files_preview").removeChild(document.getElementById("file_preview" + index)); document.getElementById("files").removeChild(document.getElementById("file_" + index)); } function showStatus(obj) // 显示“正在上传文件”提示信息 { document.getElementById("status").style.visibility="visible"; } </script> </head> <body> <html:form enctype="multipart/form-data" action="uploadMoreFile"> <span id="files"> <%-- 在此处插入用于上传文件的input元素 --%> <input type="file" id="file_0" name="file[0]" onchange="insertNextFile(this)" /> </span> <html:submit value=" 上传 " onclick="showStatus(this);"/> </html:form> <p> <div id ="status" style="visibility:hidden;color:Red">正在上传文件...</div> <p> <%-- 在此处用DOM技术插入上传文件列表项 --%> <div id="files_preview" style ="width:500px;height:500px; overflow :auto" ></div> </body> </html>
在uploadMoreFile.jsp文件中使用了JavaScript和DOM技术来控制新加入的上传文件以及删除不需要的上传文件。并且在加入<input type=”file”/>元素时考虑了不同的浏览器的差异（详见addUploadFile）。 Struts1.x系列教程（9）：上传任意多个文件(3)时间:2011-01-10 银河使者【第2步】建立ActionForm的子类 在<samples工程目录>\src\actionform目录中建立一个UploadMoreForm.java文件，代码如下： package actionform; import org.apache.struts.action.*; import org.a |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Struts1.x系列教程（9）：上传任意多个文件 - 编程入门网的所有评论
