博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS FormData对象
阅读量:6413 次
发布时间:2019-06-23

本文共 595 字,大约阅读时间需要 1 分钟。

hot3.png

想得到一个FormData对象:

var formdata = new FormData();

W3c草案提供了三种方案来获取或修改FormData。

方案1:创建一个空的FormData对象,然后再用append方法逐个添加键值对:

var formdata = new FormData();
formdata.append("name", "呵呵");
formdata.append("url", "http://www.baidu.com/");

方案2:取得form元素对象,将它作为参数传入FormData对象中!

var formobj =  document.getElementById("form");
var formdata = new FormData(formobj);

方案3:利用form元素对象的getFormData方法生成它!

var formobj =  document.getElementById("form");
var formdata = formobj.getFormData()

利用Formdata对象,我们可以使用原生js通过ajax实现异步上传图片,当然,现在已经有jquery的批量上传插件了,实现原理就是利用了Formdata。

转载于:https://my.oschina.net/u/1866405/blog/335987

你可能感兴趣的文章
[仁润云技术团队]并发编程-(2)并发编程的目标
查看>>
Android 技术选型闲聊
查看>>
在 VS Code 中校验 Jenkinsfile
查看>>
数据结构与算法系列
查看>>
【直通BAT】剑指Offer 经典试题整理(4)
查看>>
Pyhton抓取BOSS直聘职位描述和数据清洗,很简单没有那么难
查看>>
Angular是什么框架?Angular如何入门?该看些什么资料,学习建议
查看>>
移动端网页调试
查看>>
JavaScript 引擎 V8 新机制:JIT-less 模式
查看>>
数据库之事务之间的隔离
查看>>
人工智能产业化面临多重挑战 应提前布局抢占先机
查看>>
小米8.0系统机器一键激活xposed框架的流程
查看>>
HTML 属性
查看>>
前端面试之如何获取一个iframe的scrollTop
查看>>
阿里云高级技术专家带你全面了解云主机性能评测
查看>>
CVE漏洞—PHPCMS2008 /type.php代码注入高危漏洞预警
查看>>
SpringCloudSpringBootmybatis分布式微服务云架构-hystrix参数详解
查看>>
(十三)Java springcloud B2B2C o2o多用户商城 springcloud架构-config-bus
查看>>
当Kubernetes应用遇到阿里分批发布模式
查看>>
大数据时代,IT行业竟有如此多高薪职位!
查看>>