FormData对象用法

转载自：https://blog.csdn.net/FarmerXiaoYi/article/details/76999187

HTML5 FormData对象就模拟一个原始的表单格式的数据，以前上传文件非得要用个form包起来，就是和后台约定的一个传输数据格式，

FormData就是按照规定的格式，把form中所有表单元素的name与value组装成一个queryString，省去你手工拼接的工作，如果用

过jquery的话，应该知道有个表单序列号的函数，作用和它是一样的，不过FormData还提供了更多的操作方法，全部在原型中，

自己本身没任何的属性及方法。

demo：<form enctype="multipart/form-data" id="user_info"><input id="uname"  name="uname"><input id="age"  name="age"><input id="sex"  name="sex"><input type="file" id="photo"  name="photo"></form><script>var formdata = new FormData(user_info)   //实例FormData对象，传入form表单id,不传就是实例一个空对象formdata.append("height","27")    //调用append方法可以接着追加数据，参数两个，键值对形式，相当于手工拼接var age= formdata.get("age")    //调用get()方法可以获取数据formdata.delete("sex")       //调用delete方法可以删除数据还有has(),getAll(),forEach()方法。$.ajax({url: 'views/home/save.php',type: 'POST',data: formdata,                    // 上传formdata封装的数据dataType: 'JSON',cache: false,                      // 不缓存processData: false,                // 告诉jQuery不要去处理发送的数据contentType: false,                // 告诉jQuery不要去设置Content-Type请求头success:function (txt) {           //成功回调console.log(txt);}});
</script>

FormData对象用法相关推荐

JS中 new FormData() - FormData对象的作用及用法
JS中 new FormData() - FormData对象的作用及用法 js FormData 方法介绍 formData是ajax2.0(XMLHttpRequest Level2)新提出的接口 ...
new FormData() - FormData对象的作用及用法
一.js FormData方法介绍 1. 概述 FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利. 2. ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
多组input文件，每组 multiple选择多张图片上传可增删其中任意一张图片，用formData对象实现（ajax，sync: false同步）
input .multiple选择多张图片时,需要删除其中的一张图片怎么做,大家都知道 input 中的文件是不能删除和更改的,只能清空,这里我的做法是定义一个对象储存器把需要的文件存在储存器中 f ...
多组input文件，每组 multiple选择多张图片上传可增删其中任意一张图片，用formData对象实现；（ajax做异步，自己做延时同步）
input .multiple选择多张图片时,需要删除其中的一张图片怎么做,大家都知道 input 中的文件是不能删除和更改的,只能清空,这里我的做法是定义一个对象储存器把需要的文件存在储存器中 f ...
微信小程序怎样创建formdata对象，并通过 wx.request 发送file文件
一.场景业务需求,微信小程序需要选择本地的一张照片file,通过接口发送给服务器. 问题: 因涉及到域名安全问题,不能使用 wx.uploadFile . 微信本身没有FormData对象,无法使用 ...
python对象编程例子-python编程进阶之类和对象用法实例分析
本文实例讲述了python类和对象用法.分享给大家供大家参考,具体如下: 前面我们都是用python面向过程编程,现在来用python创建类和对象,面向对象编程.类和对象是面向对象编程的两个主要方面. ...
FileReader对象和FormData对象
FormData对象一.概述 FormData就是表单数据,我们提交表单所用的数据,H5里新加了FormData对象,可以让我们对表单数据进行操作,甚至自己组装表单数据进行提交,而不是单纯的仅仅是页 ...
移动端通过ajax上传图片（文件）并在前台展示——通过H5的FormData对象
前些时候遇到移动端需要上传图片和视频的问题,之前一直通过ajax异步的提交数据,所以在寻找通过ajax上传文件的方法.发现了H5里新增了一个FormData对象,通过这个对象可以直接绑定html中的f ...

FormData对象用法

FormData对象用法相关推荐

最新文章

热门文章