在ajax還沒有流行起來的時候,因為表單使用form的action進行頁面跳轉提交,所以不存在什么問題。
自從ajax流行起來之后,一般的表單都是通過ajax方式提交,所以碰到帶文件上傳的表單就比較麻煩。后來在網上查了一下,基本都沒有比較好的解決辦法,所以還是對這種特殊的表單使用頁面跳轉方式提交。最近看到同事用一種偽ajax方式解決了此問題。其基本原理就是在頁面增加一個隱藏iframe,然后通過ajax提交除文件之外的表單數據,在表單數據提交成功之后的回調函數中,通過form單獨提交文件,而這個提交文件的form的target就指向前述隱藏的iframe。代碼如下(注意form的target屬性指向隱藏的iframe):
<form style="padding:0px;margin:0px;" target="upload" action="/xxx/xx.do" id="uploadForm" name="uploadForm" encType="multipart/form-data" method="post">
<input type="file" id=""attachFile/>
</form>
<iframe name="upload" style="display:none"></iframe>
上述偽ajax方法的缺點是,表單數據和文件數據不能做到一個事物里面,如果后面文件上傳失敗(比如網絡中斷、服務器down掉等),則前面上傳的表單數據算是垃圾數據了。當然這個在對數據一致性要求不是很高的環境,還是不錯的解決辦法。
posted on 2009-11-06 23:10
歲月如歌 閱讀(3051)
評論(2) 編輯 收藏 所屬分類:
java