1. 常用的FormData对象方法

  1. 获取表单对象中属性的值
    formData.get('key');
  2. 设置表单对象中属性的值
    formData.set('key', 'value');
  3. 删除表单对象中属性的值
    formData.delete('key');
  4. 向表单对象中追加属性值
    formData.append('key', 'value');

注意:
set()方法与append()方法的区别是,在属性名已存在的情况下,set()会覆盖已有键名的值,append()会保留两个值。

2. 其他FormData对象方法(包含常用)

FormData.append()// 向 FormData 中添加新的属性值, FormData 对应的属性值存在也不会覆盖原值,而是新增一个值, 如果属性不存在则新增一项属性值。FormData.delete()// 从 FormData 对象里面删除一个键值对。FormData.entries()// 返回一个包含所有键值对的iterator对象。FormData.get()// 返回在 FormData 对象中与给定键关联的第一个值。FormData.getAll()// 返回一个包含 FormData 对象中与给定键关联的所有值的数组。FormData.has()// 返回一个布尔值表明 FormData 对象是否包含某些键。FormData.keys()// 返回一个包含所有键的iterator对象。FormData.set()// 给 FormData 设置属性值, 如果FormData 对应的属性值存在则覆盖原值, 否则新增一项属性值。FormData.values()// 返回一个包含所有值的iterator对象。

前端学习 FormData 对象的方法相关推荐

  1. 前端合并数组\对象的方法

    let arr1 = ['a', 'b']let arr2 = ['c', 'c']let arr3 = ['d', 'e']// ES5 的合并数组// arr1.concat(arr2, arr3 ...

  2. FileReader对象和FormData对象

    FormData对象 一.概述 FormData就是表单数据,我们提交表单所用的数据,H5里新加了FormData对象,可以让我们对表单数据进行操作,甚至自己组装表单数据进行提交,而不是单纯的仅仅是页 ...

  3. “计算机之子”winter:我的前端学习路线与方法

    你好,我是winter.今天我们一起来聊聊前端的学习路线与方法. 到现在为止,前端工程师已经成为研发体系中的重要岗位之一.可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更 ...

  4. css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇

    web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动 这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1.高度塌陷 举个例子我们看一下. 我们在 ...

  5. 前端头像上传功能实现之普通图片/头像上传 详细解析1【扩展知识FormData对象】

    上传的图片/头像有两种方案上传 第一种我们不对图片做处理直接上传到服务器端,把图片上传到服务器的img文件夹当中,然后我们把图片的地址信息存储在数据库当中,用图片的时候我们直接调用地址 第二种方案是我 ...

  6. 从零开始学前端:json对象,对象的序列化和反序列化 --- 今天你学习了吗?(JS:Day15)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(JS) 复习:从零开始学前端:字符串.数组的方法 - 今天你学习了吗?(JS:Day12/13/14) 文章目录 从零开始学前端:程序猿小 ...

  7. 前端学习记录27-JavaScript-(作用域、预解析、自定义对象)

    前端学习记录27-JavaScript-作用域.预解析.自定义对象 作用域 全局作用域 局部作用域(函数作用域) 变量作用域 全局变量 局部变量 作用域链 预解析 变量预解析 函数预解析 预解析经典面 ...

  8. php form 上传_php+html5使用FormData对象提交表单及上传图片的方法

    本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一 ...

  9. 【融职培训】Web前端学习 第3章 JavaScript基础教程9 内置对象

    一.内置对象概述 javascript为我们提供了很多内置对象,这些内置对象为我们提供了很多语言的基本功能.我们之前学过的数组就是JavaScript的内置对象,除了数组我们还应该了解的内置对象有:M ...

最新文章

  1. machine_desc结构体【转】
  2. QTP从数据库中导出数据
  3. php获取ip写到文本,php 文本转HTML与获取IP函数
  4. LeetCode LCP 22. 黑白方格画
  5. 没错!现在搞 Python 越来越难了!!
  6. HTML期末作业-家乡网站
  7. unity打包android 乱码,Unity3d发布IOS9应用时出现中文乱码的解决方法
  8. springboot热部署与发布
  9. 阿里双十一技术揭秘——双十一 手淘技术用了这几招
  10. Java学习笔记(六)数据的操作(增、删、改的操作)
  11. PDF文档如何转高清图片?
  12. 【八大排序】二路归并排序(非递归 + 递归)
  13. CentOS 7镜像下载
  14. 数理统计复习笔记八——Kolmogorov检验
  15. 学会jQuery 不用买书
  16. POJ 2503 Babelfish(map)
  17. Unity利用JsonFX解析Json格式文本
  18. c语言哑铃,使用一副哑铃,做好8个动作,就能练遍全身肌肉
  19. JavaScript的事件系列二keydown,keypress,获取键码------JavaScript学习之路4
  20. 苹果CMS海螺模板V16魔改版2.0修复bug分享给大家

热门文章

  1. java1502GUI扫雷游戏
  2. python麦克风监听_python – 检测tap与pyaudio从现场麦克风
  3. 第18.8.3章 JDK9-16变化—GC方面新特性
  4. WF4.0 基础篇 (二十) ActivityWithResult 有返回值Activity
  5. linux 创建目录命令_如何使用一个Linux命令创建多个子目录
  6. Excel打开csv文件出现乱码
  7. android 高德地图移动卡顿_Bmap地图,比百度、高德更好用。简洁、无广告。圣诞快乐...
  8. java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署
  9. javascript 内置对象Math总结及其案例
  10. java 技术提升路线