FormData+Ajax实现上传进度监控

本文介绍了FormData对象的用途,展示了如何创建FormData并添加键值对,特别是涉及文件上传的情况。接着,通过jQuery的Ajax方法详细阐述了如何发送FormData数据,以实现文件上传的进度监控。
摘要由CSDN通过智能技术生成
什么是FormData?

FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据,因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ,则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同;


如何创建一个FormData对象

你可以自己创建一个FormData对象,然后通过调用它的append()方法添加字段,就像这样:

//实例化一个formData对象
var formData = new FormData();

formData.append("username", "Groucho");
formData.append("userid", 123456); // 数字 123456 会被立即转换成字符串 "123456"

// HTML上的 文件类型input[
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值