js動態(tài)在form上插入enctype=multipart/form-data的問題
更新時間:2012年05月24日 20:00:25 作者:
在做文件上傳的時候碰到了一個比較奇怪的問題,IE6,7,8上傳文件總是失敗,服務端接收不到文件的問題
我們都知道要讓form能提交文件,需要在form上指定enctype=multipart/form-data的attribute,這樣才能上傳文件,關于enctype的文章很多,就不再做解釋。
問題是因為使用了MVC的Html.BeginForm()來輸出表單代碼,默認是沒有加入enctype的,
@using (Html.BeginForm()) {
}
在PartialView中有一個<input type="file" />用來上傳文件,又不想為了這個PartialView去修改父頁面的Html.BeginForm(),我的做法是在PartialView中用腳本來為form加入enctype:
$(function(){
$('#file').parents('form').attr('enctype', 'multipart/form-data');
});
最近的主流瀏覽器都測試通過沒問題,唯獨IE的幾個舊版本出問題,試了手工在Html.BeginForm()中加入enctype是可以解決問題的,說明問題出在以上的腳本。多方查找終于發(fā)現(xiàn)出題出現(xiàn)在于IE6,7,8不支持直接attr('enctype', 'multipart/form-data'),而是設置dom屬性encoding='multipart/form-data',最終的腳本代碼修改為:
$(function () {
$('#file').parents('form').attr('enctype', 'multipart/form-data').get(0).encoding = 'multipart/form-data';
});
問題是因為使用了MVC的Html.BeginForm()來輸出表單代碼,默認是沒有加入enctype的,
復制代碼 代碼如下:
@using (Html.BeginForm()) {
}
在PartialView中有一個<input type="file" />用來上傳文件,又不想為了這個PartialView去修改父頁面的Html.BeginForm(),我的做法是在PartialView中用腳本來為form加入enctype:
復制代碼 代碼如下:
$(function(){
$('#file').parents('form').attr('enctype', 'multipart/form-data');
});
最近的主流瀏覽器都測試通過沒問題,唯獨IE的幾個舊版本出問題,試了手工在Html.BeginForm()中加入enctype是可以解決問題的,說明問題出在以上的腳本。多方查找終于發(fā)現(xiàn)出題出現(xiàn)在于IE6,7,8不支持直接attr('enctype', 'multipart/form-data'),而是設置dom屬性encoding='multipart/form-data',最終的腳本代碼修改為:
復制代碼 代碼如下:
$(function () {
$('#file').parents('form').attr('enctype', 'multipart/form-data').get(0).encoding = 'multipart/form-data';
});
您可能感興趣的文章:
- JS中使用FormData上傳文件、圖片的方法
- JavaScript將base64圖片轉(zhuǎn)換成formData并通過AJAX提交的實現(xiàn)方法
- JS FormData上傳文件的設置方法
- js使用formData實現(xiàn)批量上傳
- vuejs使用FormData實現(xiàn)ajax上傳圖片文件
- Ajax+FormData+javascript實現(xiàn)無刷新表單信息提交
- Angular Js文件上傳之form-data
- NodeJs form-data格式傳輸文件的方法
- Vue axios 將傳遞的json數(shù)據(jù)轉(zhuǎn)為form data的例子
- JS FormData對象使用方法實例詳解
相關文章
JS實多級聯(lián)動下拉菜單類,簡單實現(xiàn)省市區(qū)聯(lián)動菜單!
JS實多級聯(lián)動下拉菜單類,簡單實現(xiàn)省市區(qū)聯(lián)動菜單!...2007-05-05