js动态在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是可以解决问题的，说明问题出在以上的脚本。多方查找终于发现出题出现在于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';
});
相关文章
这是一份报名表单，要求用户在选中“专业人士访问员”和“定性访问员”后，分别显示“可提供被访者类型”和“容易接触到的行业”的对应表单。当呈未选中状态时，这2个框也对应的隐藏起来。2008-09-09
Div下拉菜单被Select挡住的解决办法2008-11-11
js对于form表单的值的设置和提交的一些功能实现代码2008-12-12
让广告代码不再影响你的网页加载速度...2006-07-07
本文介绍了JavaScript中表单操作以及表单域，下面我们来一起学习一下吧2019-05-05
JS实多级联动下拉菜单类，简单实现省市区联动菜单！...2007-05-05
表单(FORM)的一些实用效果代码...2007-03-03
限制文本字节数js代码...2007-03-03
# 页面加载完后，光标自动定位到R0表单 # 问题二：在R0表单输入1，回车后跳转到R1，输入2回车后跳转到R2，输入3回车后跳转到R32009-07-07
这个验证类的完成有很长时间了，一直没有分享给大家 使用了这么长时间之后感觉挺顺手，用于一些不需要特殊效果的表单验证个人认为已经足够了，还是挺好用的2008-07-07
最新评论