jQuery监听文件上传实现进度条效果

该博客介绍了如何利用jQuery监听文件上传,并结合XMLHttpRequest的onprogress方法来创建进度条效果。由于jQuery默认的XMLHttpRequest对象无法直接绑定onprogress,作者提供了一个方法,通过封装并返回一个新的XMLHttpRequest对象,实现了上传进度的监听。此外,还提到了HW.js工具,它自带进度条效果且支持自定义监听和上传预览功能。
摘要由CSDN通过智能技术生成

博客原文地址
原理:

给XMLHttpRequest对象的upload属性绑定onprogress方法监听上传过程

var xhr=new XMLHttpRequest(); xhr.upload.onprogress=function(e){
   }

因为jQuery默认使用的XMLHttpRequest对象是内部生成的无法直接给jq的xhr绑定onprogress方法

所以只要给jQuery重新生成一个绑定了onprogress的XMLHttpRequest对象即可实现
首先封装一个方法 传入一个监听函数 返回一个绑定了监听函数的XMLHttpRequest对象

var xhrOnProgress=function(fun)</
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值