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

最新推荐文章于 2021-08-05 20:02:08 发布
最新推荐文章于 2021-08-05 20:02:08 发布
阅读量3.5k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： js/jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LowKeySk/article/details/8486017
本文介绍了在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';



ajax enctype设置,form设置enctype属性为'application/json'不起作用
weixin_42405368的博客
08-06 1514
由于项目中需要向后台传复杂的json数据处理完然后跳转，大家的做法是用ajax提交数据然后在用location.href跳转，但是这样做需要写两个controller，正好今天百度看了可以设置form的enctype属性为'application/json'就可以发送json数据，下面是网上的事例：// 生成的Json数据是{"pet": [{"species": "Dahut", "na...
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);–>指定响应的目标
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采用attr修改form表单enctype不起作用的问题
11-27
然而，正如标题所指出的，“浅谈jQuery采用attr修改form表单enctype不起作用的问题”，在某些特定情况下，尤其是涉及到Internet Explorer（IE）浏览器时，我们可能会遇到一些棘手的问题。本文将深入探讨这个问题，并...
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...
通过form定义参数传值
Mr_JK的专栏
10-18 4311
通过form定义参数传值
解析：使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象
足球带我奔跑
12-31 618
解析：使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象 之前开发时遇到的一个问题，使用easyui的form提交表单，在Chrome下时没问题的，但是在IE下出现类似附件下载时提示是否保存的现象。 这里记录一下如何解决的。其实这个现象不光是easyui的form，还有其他一些form插件也是一样的，使用不当就会遇到这个问题。   前台： 1 ...
jQuery动态设置form表单的enctype值
08-30 5328
代码简单， 注意2个地方enctype和encoding $("#form").attr("enctype", "multipart/form-data"); $("#form").attr("encoding", "multipart/form-da
Uncaught TypeError: form.attr is not a function 解决办法
文鑫
03-23 813
首先说结论：form是个js对象，不是jQuery对象，不能用jquery对象的方法。 一开始以为是form没定义，找了半天也解决不了。最后看chrome的sources栏，form不是undefind的样子。 主要是因为，这里传入的form是js对象，而form.attr()的用法是jquery的方法。报错日志路径中也是提示了是jQuery的错误。所以把ajax里的form改为$(form)，由js对象改为jQuery对象，方法就能正常使用了 ...
enctype="multipart/form-data"导致text表单项失效的问题
wang037195的博客
10-23 1358
为了上传文件表单项，在form表单项上设置属性enctype="multipart/form-data"导致text表单项无法传值 原因： 表单中enctype=”multipart/form-data”的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form- dat...
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编
jQuery 里面的attr（）方法
种种的博客
12-24 3万+
这个是上个星期在公司的时候遇到的问题，都不知道在学校学的啥一直没有弄清楚，趁着周末好好补补。说说attr（）这个方法吧。 这里写一段通用的代码：<body> <p title="你最喜欢的水果是。">你最喜欢的水果是？</p> <ul> <li title="苹果汁">苹果</li> <li title="橘子汁" value="123">橘子</li> <li title="菠
一行代码轻松搞定各种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
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、付费专栏及课程。

余额充值