模拟Ajax提交上传文件

XMLHTTP不支持文件上传这种form提交，但是我们可以模拟ajax上传文件:

<iframe name="upload_iframe" style="display: none;"></iframe>

<form target="upload_iframe">
  ...
</form>

这样form提交时target为一个隐藏的iframe

上传成功后返回的页面里可以加javascript来留为callback，需要注意的是iframe里调用外部DOM时需要这样做:

  parent.document.getElementById("upload_form").xxx

评论

1 楼 laodizhuq 2008-06-08  

 

在03年做的一个企业里面的简单应用系统，当时还没有ajax技术，我们就采用了隐藏iframe的来实现不刷新页面提交数据和返回数据的。
用到了文件上传上面效果还是不错的。