当前位置:Gxlcms > JavaScript > FormData+Ajax实现上传进度监控

FormData+Ajax实现上传进度监控

时间:2021-07-01 10:21:17 帮助过:7人阅读

FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。接下来通过本文给大家分享FormData+Ajax实现上传进度监控,需要的朋友一起看看吧

什么是FormData?

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

如何创建一个FormData对象

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

注意:字段 “userfile” 和 “webmasterfile” 都包含一个文件. 字段 “userid” 是数字类型,它将被FormData.append()方法转换成字符串类型(FormData 对象的字段类型可以是 Blob, File, 或者 string: 如果它的字段类型不是Blob也不是File,则会被转换成字符串类型。

使用jQuery的Ajax方法发送FormData数据

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajaxfileupload.js实现文件上传(附步骤代码)

php获取ajax的headers方法与内容实例

ajaxfileupload.js实现文件上传(附步骤代码)

以上就是FormData+Ajax实现上传进度监控的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行