jquery采用attr修改form表单enctype不起作用的问题

最新推荐文章于 2021-08-05 20:02:08 发布
原创 最新推荐文章于 2021-08-05 20:02:08 发布 · 3.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在Internet Explorer浏览器中使用jQuery无法通过attr方法设置表单enctype属性的问题，并提供了一个兼容IE6-8的解决方案。

做文件上传，需要将表单元素的enctype设置为'multipart/form-data',用jquery的attr方法在目前较新的主流浏览器上测试均可成功，唯独IE下死活不行。后来查阅ie浏览器6，7，8（9+由于开发机为xp，未进行测试）不支持attr的方式来修改enctype属性，需要通过dom元素的原生方法来设置，代码如下：

$('#form1').get(0).encoding = 'multipart/form-data';



jQuery动态设置form表单的enctype值(实现代码)
12-13
代码简单， 注意2个地方enctype和encoding 代码如下:$(“#form”).attr(“enctype”, “multipart/form-data”);            $(“#form”).attr(“encoding”, “multipart/form-data”);            $(“#form”).attr(“action”, “XXX.html”);            $(“#form”).attr(‘method’, ‘POST’);            $(“#form”)attr(‘target’, frameId);–>指定响应的目标
浅谈jquery采用attr修改form表单enctype不起作用的问题
11-27
然而，正如标题所指出的，“浅谈jQuery采用attr修改form表单enctype不起作用的问题”，在某些特定情况下，尤其是涉及到Internet Explorer（IE）浏览器时，我们可能会遇到一些棘手的问题。本文将深入探讨这个问题，并...
form表单动态设置enctype不生效问题
zhang_java_11的博客
04-01 933
问题说明: 在一个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.act
jqurey修改form的enctype
u013761206的专栏
03-17 936
改变form的enctype属性时，如果只写$("#form").attr("enctype","application/x-www-form-urlencoded");  将不起作用，必须将以下两句结合才能生效：  $("#form").attr("enctype","application/x-www-form-urlencoded");  $("#form").attr("encodi
FormData 表单文件上传 form 设置enctype="multipart/form-data"
weixin_33851604的博客
11-15 3042
form 中enctype=multipart/form-data 的作用 enctype="multipart/form-data"用于表单里有图片上传。 比如： <form name="user" method="post" action="xxx_xxx.jsp" enctype="multipart/form-data"> 表单标签中设置enctype="m
ajax contenttype multipart formdata,Jquery/Ajax Form Submission (enctype="multipart/form-data" ). Wh...
weixin_42460407的博客
08-05 153
I have been trying to submit a form with enctype="multipart/form-data". I have this setting because the form will involve jpeg/png uploads once I have figured out the ajax submission for text inputs.t...
jquery动态改变form属性提交表单
10-25
1. jQuery动态改变form属性：在Web开发中，页面上可能会有多个表单，它们的提交行为可能需要根据不同的用户交互或业务逻辑进行调整。使用jQuery，可以通过编程方式动态改变表单的属性，以满足特定场景下的提交需求。...
JQ中的FormData对象 ajax上传文件
u011927449的博客
07-25 181
HTML代码： <form enctype="multipart/form-data" method="POST" name="searchform" id="searchform"> <table width="0%" border="0" cellspacing="0" cellpadding="0" class="bk_add_box"> <tr> <td width="140" align="ri...
jquery的attr不生效
qq_33745371的博客
02-03 2678
使用jquery的attr()函数不生效的解决办法 问题： 如下图，当点击"我同意"后，框上应该打勾。 但是 使用$("#id")attr(“checked”,“checked”)，只有第一次能生效。 把√取消后，再次打开弹窗，点击"我同意"后，框内不会再有√了。 解决方案: 将attr()，换为prop() 类似于这样 使用场景： prop:具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用 attr:除适用prop的其他情况 ...
jQuery动态设置form表单的enctype值
lanmaokyle的专栏
08-19 648
代码简单， 注意2个地方enctype和encoding             $("#form").attr("enctype", "multipart/form-data");             $("#form").attr("encoding", "multipart/form-data");               $("#form").a
js改变input的type属性
大涛yt的博客
01-18 7453
jquery attr 行不通 js原生 setAttribute()可以 $("#log_code").get(0).setAttribute("type","text");
jquery改变form属性，提交表单
risingsun001的专栏
06-01 5083
有些情况下，同一个form在不同的情况下提交到不同的处理动作，可以在js中动态改变form的属性，满足不同条件的form提交需求。 如：
form表单标签的enctype属性的作用
学习,你不是一个人在战斗 ～ 961302305（QQ,微信）
08-13 1万+
Enctype是指定将数据回发到服务器时浏览器使用的编码类型，其编码类型有以下三种 一、application/x-www-form-urlencoded 这是通过表单发送数据时默认的编码类型。我们没有在from标签中设置enctype属性时默认就是application/x-www-form-urlencoded类型的。application/x-www-form-urlencoded编
JSON.parse()方法
热门推荐
LowKeySk的专栏
11-12 17万+
本文章介绍一下javascript in json 中 json2.js中的parse()方法。 以下为json2js中的原文介绍 JSON.parse(text, reviver)             This method parses a JSON text to produce an object or array.             It can throw a Syn
原生JS实现addClass,removeClass,toggleClass
LowKeySk的专栏
10-12 10万+
jQuery操作class的方式非常强大，但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery. 在此写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.toggleClass:如果存在(不存在)，就删除(添加)一个样式 4.hasClass:判断样
jquery生成form表单，来传递文件流参数file和String类型参数id，name，如何编写
05-30
jQuery 可以使用 `append()` 方法动态生成表单元素，并使用 `FormData` 对象来包装表单数据，最后使用 `ajax()` 方法发送 POST 请求。具体的操作步骤如下： 1. 创建一个空的 FormData 对象。 ``` const formData = new FormData(); ``` 2. 创建 file 类型的 input 元素，并将其添加到 FormData 对象中。 ``` const fileInput = $('<input type="file" name="file"/>'); formData.append('file', fileInput[0].files[0]); ``` 3. 创建其他类型的 input 元素，如 String 类型的参数，并将其添加到 FormData 对象中。 ``` const idInput = $('<input type="text" name="id" value="123"/>'); formData.append('id', idInput.val()); ``` 4. 将创建的 input 元素添加到一个新的 form 元素中。 ``` const form = $('<form></form>'); form.append(fileInput); form.append(idInput); ``` 5. 设置 form 的属性和样式，并将其添加到页面中。 ``` form.attr('enctype', 'multipart/form-data'); form.attr('method', 'post'); form.css('display', 'none'); $(document.body).append(form); ``` 6. 使用 jQuery 的 `ajax()` 方法发送 POST 请求。 ``` $.ajax({ url: '/upload', type: 'POST', data: formData, processData: false, contentType: false, success: function(data) { console.log('上传成功'); }, error: function() { console.log('上传失败'); } }); ``` 以上是使用 jQuery 动态生成表单并实现文件上传的基本步骤，具体的实现方式还需要根据具体的业务需求进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值