js動(dòng)態(tài)在form上插入enctype=multipart/form-data的問(wèn)題

2024-05-06 14:21:53

字體：大中小

供稿：網(wǎng)友

我們都知道要讓form能提交文件，需要在form上指定enctype=multipart/form-data的attribute，這樣才能上傳文件，關(guān)于enctype的文章很多，就不再做解釋。

問(wèn)題是因?yàn)槭褂昧薓VC的Html.BeginForm()來(lái)輸出表單代碼，默認(rèn)是沒(méi)有加入enctype的，

代碼如下:
@using (Html.BeginForm()) {
}

在PartialView中有一個(gè)<input type="file" />用來(lái)上傳文件，又不想為了這個(gè)PartialView去修改父頁(yè)面的Html.BeginForm()，我的做法是在PartialView中用腳本來(lái)為form加入enctype：

代碼如下:
$(function(){
$('#file').parents('form').attr('enctype', 'multipart/form-data');
});

最近的主流瀏覽器都測(cè)試通過(guò)沒(méi)問(wèn)題，唯獨(dú)IE的幾個(gè)舊版本出問(wèn)題，試了手工在Html.BeginForm()中加入enctype是可以解決問(wèn)題的，說(shuō)明問(wèn)題出在以上的腳本。多方查找終于發(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';
});

上一篇：自己做的模擬模態(tài)對(duì)話框?qū)崿F(xiàn)代碼

下一篇：基于jQuery的倒計(jì)時(shí)實(shí)現(xiàn)代碼