form表单动态设置enctype不生效问题

问题说明:

在一个form表单中需要发送两种enctype的请求，因此就需要对form表单的enctype进行动态修改。具体做法如下:
1.需要发送application/x-www-form-urlencoded的请求:

function delete()
{   fm.setAttribute('enctype','application/x-www-form-urlencoded');fm.enctype = "application/x-www-form-urlencoded";fm.action = "./xxxx.jsp?operate=delete";fm.submit();
}

2.需要发送multipart/form-data的请求：

function print() {fm.setAttribute('enctype','multipart/form-data');fm.enctype = "multipart/form-data";fm.action = "./xxxExport.jsp";fm.submit();
}

问题在于在IE浏览器上这种动态修改方式不能生效。

问题解决:

上传文件动态设置enctype
IE中form没有enctype属性，只有encoding属性,那么以上代码改写为:

  if(fm.encoding){fm.setAttribute('encoding','multipart/form-data');}else{fm.setAttribute('enctype','multipart/form-data');}

或者更粗暴的方式:

 fm.setAttribute('enctype','multipart/form-data');fm.setAttribute('encoding','multipart/form-data');

全都设置了！！

form表单动态设置enctype不生效问题相关推荐

form表单元素设置只读
form表单元素设置只读 CreateTime--2017年5月5日11:42:41 Author:Marydon 1.设置文本框只读  <input ...
element实现form表单动态添加email效果
前言: vue中使用element实现form表单动态添加email效果效果: 实现步骤: 实现源代码: <template><div><el-form ref=&qu ...
js中实现form表单动态提交
最近遇到了调用某银行支付功能的需求需要使用form表单提交进行传参记录一下 //创建表单var form = document.createElement("form");// ...
Form表单标签的Enctype属性的编码格类型
Enctype :指定将数据回发到服务器时浏览器使用的编码类型编码类型有以下三种: application/x-www-form-urlencoded: 在发送前编码所有字符(默认).这是标准的编码 ...
form表单标签的enctype属性的作用
Enctype是指定将数据回发到服务器时浏览器使用的编码类型,其编码类型有以下三种一. application/x-www-form-urlencoded 这是通过表单发送数据时默认的编码类型.我们 ...
HTML:Form表单标签的Enctype属性的作用及应用示例介绍
Enctype :指定将数据回发到服务器时浏览器使用的编码类型.用于表单里有图片上传. 编码类型有以下三种: application/x-www-form-urlencoded: 在发送前编码所有字符 ...
HTML中的form表单有一个关键属性 enctype
HTML中的form表单有一个关键属性 enctype＝application/x-www-form-urlencoded 或multipart/form-data. 1.enctype=" ...
form表单上传文件_SpringBoot中如何使用SpringMVC上传文件？
今天我们要说的这个话题很简单,不要问为啥,因为SpringBoot,哈哈.现在SpringBoot可以说人人都会用了,它的好处是显而易见的,大大的简化了配置,一起来看看吧. 我们分以下3种情况来谈这个 ...
layui 表单动态添加、删除input框
html部分 <div class="layui-form-item" ><label class="layui-form-label"> ...

form表单动态设置enctype不生效问题

问题说明:

问题解决:

form表单动态设置enctype不生效问题相关推荐

最新文章

热门文章