通过Cordova中的FileTransfer下载文件

时间:2013-09-28 06:41:38

标签: android cordova file-transfer

我正在使用Cordova开发Android应用程序。我已经熟悉FileTransfer了,我已经知道如何下载文件了。问题是当我下载一个大文件(20 MB)时,这个下载花了一段时间没有通知用户实际发生了什么。

我管理的所有内容都是通过以下方式将文件下载到SD卡中:

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, fail);

然后向用户显示该文件正在下载的对话框以及他可以找到的位置。但我希望让用户了解进度。或者是否有可能以某种方式在后台处理此文件传输,以便用户可以在Android顶部栏中看到下载图标,就像通过默认浏览器下载文件一样?

非常感谢您的帮助。

代码:

document.addEventListener('deviceready', function() {                
    window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, function(){
        console.log("error getting LocalFileSystem");
    });
}, false);

function gotFS(fileSystem) {
    // save the file system for later access
    window.rootFS = fileSystem.root;
}

fileTransfer.download(
    http://somewhere.com/bigfile.zip,
    window.rootFS,
    function(entry) {
        console.log("download complete: " + entry.fullPath);
    },
    function(error) {
        console.log("download error source " + error.source);
    },
);

1 个答案:

答案 0 :(得分:11)

雷蒙德·卡姆登(Raymond Camden)写了一篇很好的文章。 您可以使用bootstrap在使用PhoneGap的progress-function时显示进度条,以便让进度条增长:

fileTransfer.onprogress = function(progressEvent) {
if (progressEvent.lengthComputable) {
loadingStatus.setPercentage(progressEvent.loaded / progressEvent.total);
} else {
loadingStatus.increment();
}
};

阅读here