【记录】FormData 模拟form表单提交数据
2011-05-16 15:49
555 查看
参考资料:https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Using_FormData_objects
FormData,你可以把他当成一个form表单。用ajax的 send(formdata)。就可以发送这个表单。
你想到了什么?可以发送file域吗? 答案:可以
凡事form表单可以做的事情,他都可以干了。
唯一的方法:
.append(String, [String,Number,File]);
详细信息可以参考上面的资料!
用他来上传图片,简直爽到极点了,目前支持 firefox chrome。
下面的代码来之 firefox. 实现从file域异步上传图片。
var formData =new FormData();
formData.append("afile", fileInputElement.files[0]);
var xhr =new XMLHttpRequest();
xhr.open("POST", "http://foo.com/submitform.php");
xhr.send(formData);
FormData,你可以把他当成一个form表单。用ajax的 send(formdata)。就可以发送这个表单。
你想到了什么?可以发送file域吗? 答案:可以
凡事form表单可以做的事情,他都可以干了。
唯一的方法:
.append(String, [String,Number,File]);
详细信息可以参考上面的资料!
用他来上传图片,简直爽到极点了,目前支持 firefox chrome。
下面的代码来之 firefox. 实现从file域异步上传图片。
var formData =new FormData();
formData.append("afile", fileInputElement.files[0]);
var xhr =new XMLHttpRequest();
xhr.open("POST", "http://foo.com/submitform.php");
xhr.send(formData);
相关文章推荐
- HttpClient:模拟表单提交文件,发送multipart/form-data数据
- 用java模拟html表单(form)提交数据包含多文件上传表单提交。
- 使用FormData表单数据对象提交表单及上传图片
- 上传文件 使用HTML5的FormData 提交表单和文件数据
- multipart/form-data post 方法提交表单,后台获取不到数据
- C#模拟form表单提交数据,上传文件
- JavaScript Post提交数据并跳转到页面(模拟Form表单提交)
- ajax 请求后台数据(及使用FormData对象提交表单及上传图片)
- Ajax模拟Form表单提交,含多种数据上传
- form enctype:"multipart/form-data",method:"post" 提交表单,后台获取不到数据
- HTML表单提交数据中application/x-www-form-urlencoded和multipart/form-data的区别
- C# 模拟提交 Form表单的数据
- 使用formData给后台提交表单数据
- HTML表单提交数据中application/x-www-form-urlencoded和multipart/form-data的区别
- C#模拟提交表单 post-带附件的表单[multipart/form-data]
- Http协议中的数据传送之多重表单提交--multipart/form-data
- 模拟form表单的提交数据
- Javascript模拟FORM以POST方式提交表单数据
- multipart/form-data post 方法提交表单,后台获取不到数据
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me