javascript - angularjs使用$http post上传文件的时候,怎样获取文件上传的进度?
PHP中文网
PHP中文网 2017-04-11 12:56:35
[JavaScript讨论组]

angularjs使用$http post上传文件的时候,怎样获取文件上传的进度?

网上找的一些现成插件如angular-loading-bar啥的,放进去不好使啊。

所以就想问问如何可以获取到文件上传的进度?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
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-upload
https://github.com/nervgh/ang...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号