0

我一直在使用 PhoneGap 2.9.0 (with build) 从网站下载文件以存储在我的 android 设备上的 sdcard 上。

我正在寻找一种解决方案来下载多个文件并检查所有这些请求是否已成功完成。

有人告诉我,使用jQuery.Deffered可以做到这一点,但我还没有在任何代码中使用它,我正在努力解决这个问题。

现有代码在理论上可以正常工作,但仅检查我的阵列中的最后一次下载何时成功下载,但有时最后一次下载有时会在其他下载之前成功返回。

我的代码类似于下面:

var ft = new FileTransfer();
var online = [
    'http://google.com/img/1.jpg', 
    'http://google.com/img/2.jpg',
    'http://google.com/img/3.jpg'
];
var sdcard = 'file:///storage/sdcard0/';

$.each( online, function(k,v) { 
    ft.download(
        online[k],
        sdcard,
        win,
        fail
    );
}

var win = function(success, counter){
   // check if counter is last element in array

       // redirect user to page if last element
}

var fail = function(error){
  console.log(error);
}
4

2 回答 2

3

我最终使用了 simon mcondalds 解决方案并且没有使用 jQuery.deferred

基本上,当成功检索到一个数组时,我必须从网上获取的所有项目都放在一个数组中,只需从数组中删除该项目,然后再次调用相同的函数。最终 array.length 将有

https://gist.github.com/macdonst/3835045

这里的示例代码:

var remoteFiles = [];

function downloadRemotePDF() {
    var local2User = JSON.parse( localStorage["locallessons"] );
    $.each(local2User, function(key) {
      remoteFiles.push(optionsJSON +   local2User[key].idcountries + '/' + local2User[key].idcurriculum + '/' + local2User[key].idoptions + '/pdf/' + local2User[key].pdfname);
    }

    downloadFile();
}

function downloadFile() {
    // No files left, stop downloading
    if (remoteFiles.length == 0) {
        return;
    }

    var remoteFile = remoteFiles.pop();
    var localFileName = remoteFile.substring(remoteFile.lastIndexOf('/')+1);

    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
        fileSystem.root.getFile(localFileName, {create: true, exclusive: false}, function(fileEntry) {
            var localPath = fileEntry.fullPath;
            if (device.platform === "Android" && localPath.indexOf("file://") === 0) {
                localPath = localPath.substring(7);
            }
            var ft = new FileTransfer();
            ft.download(remoteFile, localPath, function(entry) {
                // Do what you want with successful file downloaded and then 
                // call the method again to get the next file
                downloadFile();
            }, fail);
        }, fail);
    }, fail); 
}
于 2013-09-17T14:12:42.830 回答
0

这是jquery when 的一个例子。http://api.jquery.com/jQuery.when/

一个简单的代码(不是你的,用来解释“何时”)

这是一个小提琴:http: //jsfiddle.net/v34ra/

还有一个简单的代码 when().done() :

$('button').on('click', function(){  

    $.when(

        $('div').each( function(){
            $(this).html(  $(this).attr('attriba')  );
        }  )

    ).done( function(){alert('fin');} );

});
于 2013-09-17T12:13:00.333 回答