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的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

做文件上传，需要将表单元素的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 909
问题说明: 在一个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 922
改变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 3027
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 139
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 171
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 2643
使用jquery的attr()函数不生效的解决办法 问题： 如下图，当点击"我同意"后，框上应该打勾。 但是 使用$("#id")attr(“checked”,“checked”)，只有第一次能生效。 把√取消后，再次打开弹窗，点击"我同意"后，框内不会再有√了。 解决方案: 将attr()，换为prop() 类似于这样 使用场景： prop:具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用 attr:除适用prop的其他情况 ...
jQuery动态设置form表单的enctype值
lanmaokyle的专栏
08-19 637
代码简单， 注意2个地方enctype和encoding             $("#form").attr("enctype", "multipart/form-data");             $("#form").attr("encoding", "multipart/form-data");               $("#form").a
jQuery控制form表单提交无效
嘟哝什么
07-12 4084
$(form).submit() 无效 查看form表单内部 是否有submit属性的button 如果有的话 jQuery是无法提交表单的 尝试改成type='button' 用onclick事件触发表单提交 这是一个小坑...
jquery改变form属性，提交表单
risingsun001的专栏
06-01 5053
有些情况下，同一个form在不同的情况下提交到不同的处理动作，可以在js中动态改变form的属性，满足不同条件的form提交需求。 如：
JqueryForm表单元素取值赋值的各种用法
qq_27752831的博客
06-07 2483
取选中的值 获取一组radio被选中项的值 var item = $(“input[@name=items]：checked”).val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[
一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
热门推荐
小诺
11-26 7万+
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题？ 百度源代码如下： 1 2 html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> 3 head> 4 m
Content-Type与表单提交数据类型
qq_39261142的博客
12-03 7805
表单格式 类型区别：https://juejin.cn/post/6844904149809627149 MIME类型：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types MIME类型 媒体类型（MIME类型），是一种标准，用来表示文档、文件或字节流的性质和格式，是互联网的一种定义的标准化 浏览器通常使用MIME类型（而不是文件扩展名）来确定如何处理URL，因此Web服务器在响应头中添加正确的MIME类型非
在jquery中使用$("#form").submit() 重写提交表单时不起作用
jinnianshilongnian的专栏
03-23 1331
问题： 最近使用 jquery 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。   分析： 通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。   原因： 很诡异，因为我的提交表单按钮名字是submi...
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、付费专栏及课程。

余额充值