`
中华好儿孙
  • 浏览: 68721 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题

JavaScript上传文件formDataajaxweb 
阅读更多 
var formData = new FormData($("#inputFileForm")[0]);
$.ajax({
		type:'post',
		url:webRoot+"/electronicContractUrl/webapp/uploadfile",
		data:formData,
		async: false,
		cache: false,
		contentType: false,
		processData: false,//好像不可缺！
		success:function(resultStr){
			if($.trim(resultStr)!=""){
				alert(resultStr);
			}
		}
	});

参考博文：一时没找到
分享到：
| 用js获取input type=file里的文件的引用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ajax-axios-url-form-serialize 插件

    总之，`ajax-axios-url-form-serialize`插件简化了使用Axios处理表单数据的过程，使前端开发者能更专注于业务逻辑，而不是底层的数据序列化。在实际开发中，合理运用这类插件可以大大提高工作效率，减少出错的可能性...

    Ajax serialize() 表单进行序列化方式上传文件

    使用`serialize()`方法，我们可以获取到表单中除文件之外的所有输入字段的值，但不能处理文件类型的输入字段。例如： ```javascript $.ajax({ url: "", type: "POST", data: $('#uploadForm').serialize(), ...

    ajax提交表单

    在使用jQuery进行AJAX表单提交时，最常用的方法是`$.ajax()`。下面将详细介绍该方法的使用及其选项参数： 1. **$.ajax()方法** ```javascript $.ajax([options]) ``` `$.ajax()`方法用于发送AJAX请求。它接受...

    Ajax使用jQuery提交表单

    jQuery Form Plugin提供了一个更简单的$.ajaxForm()方法，它可以自动处理表单的序列化和提交。首先，需要在项目中引入jQuery Form Plugin，然后可以这样使用： ```javascript $('#myForm').ajaxForm({ url: '...

    web前端培训教程表单序列化共4页.pdf.zip

    这些控件的值在序列化时会根据其类型和属性被处理。例如，文本输入的值会被直接包含，而复选框和单选按钮只有在被选中时才会包含其值。此外，多选列表的值会被以逗号分隔的形式保存。 三、常见方法 1. `FormData`...

    通过Ajax方式上传文件使用FormData进行Ajax请求

    在JavaScript中，传统的方法是通过`serialize()`函数来序列化表单数据，但`serialize()`函数无法处理文件类型的数据。因此，对于文件上传，需要使用FormData对象来封装文件内容和其他表单数据。 以下是使用FormData...

    简单了解Ajax表单序列化的实现方法

    本文将深入探讨Ajax表单序列化的实现方法及其相关知识点。 首先，了解表单序列化的基本原理。当用户填写表单并点击提交按钮时，浏览器会自动将表单数据按照特定规则进行编码，并以键值对的形式发送给服务器。这些...

    js表单验证大全，js提交表单

    - **表单序列化**: `serialize()`或`FormData`对象用于获取表单数据。 - **错误处理**: 提交失败时，向用户显示错误信息。 6. **实例分析** - `js验证表单大全`: 可能包含各种常见的表单验证示例代码，如姓名、...

    jQuery dialog form 提交 后台不能取值的解决办法

    总的来说，解决jQuery Dialog表单提交后台取值问题的关键在于正确地序列化表单数据，使用Ajax提交，以及在后端适当地处理这些数据。同时，确保前后端的交互流畅，错误处理完善，以提供良好的用户体验。

    jquery ajax提交整个表单元素的快捷办法

    这个函数能够将表单中的所有可序列化元素（如input、textarea、select等）转换为URL编码的字符串，非常适合用于发送表单数据到服务器。在给定的代码中，`$(“form”).serialize()`就是用来获取当前页面中所有表单...

    prototype -通过js提交表单，局部刷新不跳转

    例如，你可以使用`Form.Element.serialize`方法来序列化表单的所有数据，准备发送到服务器。 ```javascript var formData = $('myForm').serialize(); // myForm是表单ID ``` 接下来，我们需要创建一个Ajax请求来...

    JS用户反馈表单提交代码.rar

    在这个例子中，我们使用了jQuery的`$.ajax`方法来异步提交表单，并且利用`$(this).serialize()`方法将表单数据序列化为URL编码格式。 综上所述，"JS用户反馈表单提交代码"可能涉及的关键技术有：JavaScript事件监听...

    ajax使用formdata上传文件流

    今天在做项目的时候涉及到了ajax上传文件流的问题，由于是移动端两个页面的两个表单使用同一个ajax地址进行上传数据给后台，数据中涉及到了不同类型的input，其中存在了file类型的input，导致无法使用表单序列化直接...

    Jquery中ajax提交表单几种方法(get、post两种方法)

    在上面的例子中，`e.preventDefault()`防止了表单的默认提交行为，而是使用`formData`变量中的序列化数据进行Ajax提交。 总的来说，jQuery的Ajax功能提供了灵活且强大的方法来处理异步请求。GET和POST是HTTP中最...

    js个人信息提交表单代码.zip

    7. 表单序列化：在使用Ajax提交表单时，需要将表单数据转换为字符串格式。JavaScript的`FormData`对象可以将表单数据打包成适合发送的格式，jQuery的`serialize()`方法也能实现此功能。 8. 错误处理：当提交失败或...

    前端项目-jquery-serialize-object.zip

    本项目"前端项目-jquery-serialize-object"关注的是使用jQuery来序列化表单字段，将它们转换为JavaScript对象或JSON格式，这在提交表单数据到服务器时尤其有用。下面我们将深入探讨这一主题。 1. **jQuery 序列化...

    通过Ajax使用FormData对象无刷新上传文件方法

    写在前面：本文说的这个方案有浏览器兼容性问题；所有主流浏览器的较新版本已经支持这个对象了，比如Chrome 7+、...②把表单serialize()序列化用Ajax的方式提交，也无法把上传文件的文件流进行序列化，也不行 我现有

    jquery ajax异步提交表单数据的方法

    对于带文件的表单数据，由于文件数据不能通过`.serialize()`方法序列化，此时需要使用`FormData`对象。`FormData`对象允许你构建一组键值对，用于发送表单数据。当表单含有`<input type="file">`等文件输入元素时，...

    JS中from 表单序列化提交的代码

    总结一下，JavaScript中的表单序列化提交是通过`jQuery.serialize()`方法实现的，它可以将表单数据转换为URL编码的字符串，方便通过AJAX发送到服务器。在实际开发中，我们还需要考虑错误处理、数据类型转换以及其他...

    JQuery 提交表单（附详细图解）

    本文将详细讲解如何使用jQuery提交表单，以及如何利用jQuery的AJAX功能来实现无刷新的数据提交。 ### 传统表单提交方式 在没有jQuery的情况下，我们通常会在HTML中创建一个表单，然后通过JavaScript或者JSP/...

Magicbox
Global site tag (gtag.js) - Google Analytics