js動態(tài)在form上插入enctype=multipart/form-data的問題
更新時間：2012年05月24日 20:00:25 作者：
在做文件上傳的時候碰到了一個比較奇怪的問題，IE6，7，8上傳文件總是失敗，服務(wù)端接收不到文件的問題
我們都知道要讓form能提交文件，需要在form上指定enctype=multipart/form-data的attribute，這樣才能上傳文件，關(guān)于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')，而是設(shè)置dom屬性encoding='multipart/form-data'，最終的腳本代碼修改為：
$(function () {
$('#file').parents('form').attr('enctype', 'multipart/form-data').get(0).encoding = 'multipart/form-data';
});
問題是因為使用了MVC的Html.BeginForm()來輸出表單代碼，默認是沒有加入enctype的，
復(fù)制代碼 代碼如下:
@using (Html.BeginForm()) {
}
在PartialView中有一個<input type="file" />用來上傳文件，又不想為了這個PartialView去修改父頁面的Html.BeginForm()，我的做法是在PartialView中用腳本來為form加入enctype：
復(fù)制代碼 代碼如下:
$(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')，而是設(shè)置dom屬性encoding='multipart/form-data'，最終的腳本代碼修改為：
復(fù)制代碼 代碼如下:
$(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上傳文件的設(shè)置方法
- 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對象使用方法實例詳解
相關(guān)文章
js文本中搜索關(guān)鍵詞輸入效果...2007-10-10
使用透明疊加法美化文件上傳界面的代碼...2007-03-03
在textarea輸入Tab...2006-08-08
關(guān)于IFRAME 自適應(yīng)高度的研究...2006-07-07
省市聯(lián)動代碼，最新版。2009-04-04
textarea自動下拉(帶計數(shù))2008-11-11
仿校內(nèi)登陸框，精美，給那些很厲害但是沒有設(shè)計天才的程序員
寫代碼對于我們來說很簡單，但是做個布局設(shè)計簡直是登天啊2008-11-11![Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]](http://img.jbzj.com/images/xgimg/bcimg7.png)
Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]
Javascript 操作select控件大全（新增、修改、刪除、選中、清空、判斷存在等）2008-09-09
Javascript 表單之間的數(shù)據(jù)傳遞代碼
今天有朋友問我關(guān)于用JAVASCRIPT來進行頁面各表單之間的數(shù)據(jù)傳遞的問題，我以前也寫過，不過從來沒有注意，今天總結(jié)了一下，希望能夠給大家一些幫助，也幫助我總結(jié)以前學(xué)過，用過的知識。2008-12-12
HTML里select的CSS樣式的改變...2006-10-10