JavaScript资料之FormData对象

宅羽

于 2020-01-07 16:55:06 发布

阅读量651

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/sky6even/article/details/103877670

版权

本文介绍了JavaScript中的FormData对象，包括其使用方法、注意事项、实例方法，如转换HTML表单、Ajax提交、文件上传，以及如何展示上传进度和即时预览图片。特别指出，FormData不适用于GET请求，服务器端需使用formidable模块解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

◆ FormData对象的使用：

1、准备HTML表单：

 <form id="form">
     <input type="text" name="username" />
     <input type="password" name="password" />
     <input type="button"/>
</form>

2、将 HTML 表单转化为 formData 对象：

var form = document.getElementById('form'); 
var formData = new FormData(form);

3、Ajax提交表单对象：

xhr.send(formData);

示例：

<!-- 创建普通的html表单 -->
<form id="form">
    <input type="text" name="username">
    <input type="password" name="password">
    <input type="button" id="btn" value="提交">
</form>
<script type="text/javascript">
    // 获取按钮

最低0.47元/天解锁文章