利用XMLHttpRequest实现文件上传

XMLHttpRequest从最初的ActiveX对象发展至今,新标准带来了对二进制数据的支持、跨域请求与进度事件等功能。本文对比新旧XMLHttpRequest,并展示如何利用新特性实现文件的AJAX上传。HTML、JavaScript与Java的示例代码展示了上传过程。

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

微软最早以ActiveX对象的形式在IE5中引入了XMLHttpRequest对象,经Google发扬光大之后,目前所有的浏览器都已经支持XMLHttpRequest了,目前W3C正在制定XMLHttpRequest Level 2标准草案,相对于原来的XMLHttpRequest,新标准的XMLHttpRequest有了很大的改进,提供了很多新的功能。

本文就新旧XMLHttpRequest对象进行一个简单的比较,并介绍新标准的XMLHttpRequest对象的改进之处。

原来的XMLHttpRequest对象的缺点:

1.只支持文本数据的传递,不支持二进制数据。

2.传递数据的时候,没有progress事件,不能实时显示传递的进度信息。

3.受同源策略的限制,不能发送跨域的请求。

新标准的XMLHttpRequest的改进:

1.可以传递二进制数据。

2.在服务器端设置了CORS允许跨域请求的时候,可以获取跨域的数据。

3.可以使用原生的FormData对象来管理要发送的表单数据。

4.提供了progress事件,可以提供进度信息。在下载和上传的时候,都有progress事件,下载的时候,progress事件由XMLHttpRequest本身触发,上传的时候,由XMLHttpRequest.upload对象触发,可以通过addEventListener来添加事件处理方法。

 

利用新标准的XMLHttpRequest对象,我们可以非常方便的实现文件AJAX上传功能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值