js动态在form上插入enctype=multipart/form-data的问题
程序员文章站
2023-11-13 08:03:34
我们都知道要让form能提交文件,需要在form上指定enctype=multipart/form-data的attribute,这样才能上传文件,关于enctype的文章很多,就不再做解释。 问题是...
我们都知道要让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';
});