歲月如哥
          人生非夢
          posts - 50,comments - 144,trackbacks - 0

                 
                 在ajax還沒有流行起來的時候,因?yàn)楸韱问褂胒orm的action進(jìn)行頁面跳轉(zhuǎn)提交,所以不存在什么問題。


                  自從ajax流行起來之后,一般的表單都是通過ajax方式提交,所以碰到帶文件上傳的表單就比較麻煩。后來在網(wǎng)上查了一下,基本都沒有比較好的解決辦法,所以還是對這種特殊的表單使用頁面跳轉(zhuǎn)方式提交。最近看到同事用一種偽ajax方式解決了此問題。其基本原理就是在頁面增加一個隱藏iframe,然后通過ajax提交除文件之外的表單數(shù)據(jù),在表單數(shù)據(jù)提交成功之后的回調(diào)函數(shù)中,通過form單獨(dú)提交文件,而這個提交文件的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方法的缺點(diǎn)是,表單數(shù)據(jù)和文件數(shù)據(jù)不能做到一個事物里面,如果后面文件上傳失敗(比如網(wǎng)絡(luò)中斷、服務(wù)器down掉等),則前面上傳的表單數(shù)據(jù)算是垃圾數(shù)據(jù)了。當(dāng)然這個在對數(shù)據(jù)一致性要求不是很高的環(huán)境,還是不錯的解決辦法。
          posted on 2009-11-06 23:10 歲月如歌 閱讀(3058) 評論(2)  編輯  收藏 所屬分類: java

          FeedBack:
          # re: 偽ajax方式提交帶文件上傳的表單
          2014-07-04 10:23 | 是地方噶是大方
          阿斯頓發(fā)撒旦方法  回復(fù)  更多評論
            
          # re: 偽ajax方式提交帶文件上傳的表單
          2014-11-20 10:32 | 2222
          人頂頂頂頂  回復(fù)  更多評論
            
          主站蜘蛛池模板: 宜春市| 确山县| 尚义县| 江安县| 买车| 通许县| 遵化市| 沂南县| 上犹县| 清镇市| 沁源县| 安达市| 泸州市| 徐闻县| 治县。| 南昌市| 额济纳旗| 额敏县| 巴塘县| 平顶山市| 岳阳县| 无为县| 乌拉特后旗| 肇源县| 蒙自县| 确山县| 手机| 东乡县| 开江县| 太湖县| 揭阳市| 大同市| 湄潭县| 尼勒克县| 罗平县| 石泉县| 和田县| 孟村| 富川| 苗栗市| 铜川市|