js动态在form上插入enctype=multipart/form-data的问题
时间：2021-08-24 08:46:37|栏目：JavaScript代码|点击： 次
我们都知道要让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';
});
问题是因为使用了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';
});
上一篇：window.returnValue使用方法示例介绍
栏 目：JavaScript代码
下一篇：javascript function(函数类型)使用与注意事项小结
本文标题：js动态在form上插入enctype=multipart/form-data的问题
本文地址：http://www.codeinn.net/misctech/169394.html
