angularjs – 如何在Ionic混合应用程序中显示通知中的下载进度？

发布时间：2020-12-17 08:51:43 所属栏目：安全来源：网络整理

导读：我想在我的Ionic Hybrid App.oo native app的通知栏中显示下载进度.我正在使用 cordova file transfer插件下载文件. Ionic App有可能吗？我怎样才能做到这一点？像这样：使用 cordovaToast插件来实现此功能.这是显示pdf下载进度的示例 HTML ion-view div c

我想在我的Ionic Hybrid App.oo native app的通知栏中显示下载进度.我正在使用 cordova file transfer插件下载文件.

Ionic App有可能吗？我怎样才能做到这一点？

像这样：

使用 cordovaToast插件来实现此功能.这是显示pdf下载进度的示例

HTML

<ion-view >
    <div class="bar bar-subheader bar-positive" style="padding:0px;height: 8px;" >
        <progress id="progressbar" max="100" value="{{ downloadProgress }}" class="progress"> </progress>
    </div>
    <ion-content>
    </ion-content>
</ion-view>

CSS

.progress {
    margin: 0 px;
    height: 8 px;
    background - color: #F1292B!important;
    border - radius: 2 px;
    box - shadow: 0 2 px 5 px rgba(0,0.25) inset;
}

if (window.cordova) {
    var url = '{{base_url}}/pdf_download/' + id;
    // Android
    var targetPath = 'file:///storage/sdcard0/' + 'fpl_' + id + '.pdf';
    var trustHosts = true;
    var options = {};
    $cordovaFileTransfer.download(url,targetPath,options,trustHosts)
        .then(function(result) {
            $cordovaToast
                .show('File downloaded successfully..','short','center')
                .then(function() {
                    // success
                },function() {
                    // error
                });

            console.log(result);
        },function() {
            var alertPopup = $ionicPopup.alert({
                title: 'No internet access',buttons: [{
                    text: 'OK',type: 'button-assertive'
                }]
            });
            alertPopup.then(function() {});

        },function(progress) {
            var dnldpgs = progress.loaded.toString().substring(0,2);
            $scope.downloadProgress = parseInt(dnldpgs);
        });
}

如果您有任何疑问,请告诉我.谢谢.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!