iframe实现文件的异步提交

今天在项目中遇到文件提交要异步进行的问题，查了下，用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>");  } %> 自己备份