今天在项目中遇到文件提交要异步进行的问题,查了下,用iframe可以实现:
文件上传提交:
<form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" > <input type="file" id="file" name="file" style="width:450"> <INPUT type="submit" value="上传文件"><span id="msg"></span> <br> <iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe> </form>
</body> </html>
<script type="text/javascript"> function callback(msg) { document.getElementById("file").outerHTML = document.getElementById("file").outerHTML; document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>"; } </script>
处理页面:
<%@ page language="java" contentType="text/html; charset=utf-8" %> <%@ page import="com.jspsmart.upload.SmartUpload"%>
<% SmartUpload su = new SmartUpload() su.initialize(pageContext); su.setMaxFileSize(10000000); su.setTotalMaxFileSize(20000000);
su.setAllowedFilesList("doc,txt,jpg,rar,mid,waw,mp3,gif"); boolean sign = true; try { su.setDeniedFilesList("exe,bat,jsp,htm,html") su.save("c://");
} catch (Exception e) { e.printStackTrace(); sign = false; } if(sign==true) { out.println("<script>parent.callback('upload file success')</script>"); }else { out.println("<script>parent.callback('upload file error')</script>"); } %> 自己备份