js动态在form上插入enctype=multipartform-data的问题

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

js动态在form上插⼊enctype=multipartform-data的问题
在做⽂件上传的时候碰到了⼀个⽐较奇怪的问题,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是可以解决问题的,说明问题出在以上的脚本。

多⽅查找终于发现出题出现在于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';
});。

相关文档
最新文档