扫码关注官方订阅号
angularjs使用$http post上传文件的时候,怎样获取文件上传的进度?
网上找的一些现成插件如angular-loading-bar啥的,放进去不好使啊。
所以就想问问如何可以获取到文件上传的进度?
认证高级PHP讲师
首先可以用html5自带的XMLHttpRequest,增加了上传监听事件,具体可以参考这个链接https://developer.mozilla.org...
angular在1.5.5以上的版本中,在$http中也加入了eventHandler和uploadEventHandlers等方法,所以可以直接这样写:
$http({ method: 'POST', url: url, eventHandlers: { progress: function(c) { console.log('Progress -> ' + c); console.log(c); } }, uploadEventHandlers: { progress: function(e) { console.log('UploadProgress -> ' + e); console.log(e); } }, data: uploadData, }).success(function(data) { console.log(data); }).error(function(data, status) { console.log(data); });
最后,也可以用比较成熟的组件去解决,推荐angular-file-uploadhttps://github.com/nervgh/ang...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
首先可以用html5自带的XMLHttpRequest,增加了上传监听事件,具体可以参考这个链接
https://developer.mozilla.org...
angular在1.5.5以上的版本中,在$http中也加入了eventHandler和uploadEventHandlers等方法,
所以可以直接这样写:
最后,也可以用比较成熟的组件去解决,推荐angular-file-upload
https://github.com/nervgh/ang...