web技术

联系方式

web技术主页 > web技术 >

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

发布时间:2018-09-13 编辑:admin
我们都知道要让ag俱乐部form能提交文件,需要在form上指定enctype=mul***art/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', 'mul***art/form-data'); }); 最近的主流浏览器都测试通过没问题,唯独IE的几个旧版本出问题,试了手工在Html.BeginForm()中加入enctype是可以解决问题的,说明问题出在以上的脚本。多方查找终于发现出题出现在于IE6,7,8不支持直接attr('enctype', 'mul***art/form-data'),而是设置dom属性encoding='mul***art/form-data',最终的脚本代码修改为: 复制代码 代码如下: $(function () { $('#file').parents('form').attr('enctype', 'mul***art/form-data').get(0).encoding = 'mul***art/form-data'; });

本文源自: 环亚国际_环亚国际娱乐_环亚国际娱乐平台_腾讯财经

Copyright © 2005-2017 http://www.makilaro.com 环亚国际_环亚国际娱乐_环亚国际娱乐平台_腾讯财经版权所有 环亚国际_环亚国际娱乐_环亚国际娱乐平台_腾讯财经