使用 angular 2 下载 .csv 文件 - Ionic 2

Question

我有一个 Ionic 2 应用程序，我需要从服务器下载 sample.csv 文件。我已经有了执行请求所需的 url：

 let url = 'http://example.com/download/sample.csv';

我想知道如何做到这一点。我尝试使用 ionic2 FileTransfer：

 importleads(){
     const fileTransfer: TransferObject = this.transfer.create();
     let url = 'http://example.com/download/sample.csv';
     fileTransfer.download(url, this.file.dataDirectory + 'Import_Leads_Sample.csv').then((entry) => {
        if(entry) {
           console.log('download complete: ' + entry.toURL());
           let alert = this.alertCtrl.create({
           title: 'Lead Downloaded Successfully',
           buttons: [{
                     text: 'Ok',
                    }]
           });
           alert.present();
        }
        else{
            let alert = this.alertCtrl.create({
            title: 'No File to download',
            buttons: [{
                       text: 'Ok',
                     }] 
            });
            alert.present();
        }
     });
}

<button ion-button (click)="importleads()">Test File Download</button>

我已生成 android-debug.apk 文件并将其安装在三星手机中。我收到Lead Downloaded Successfully 的警报消息，但设备中没有下载任何文件。我搜索了整个手机磁盘，但没有找到文件。

如果我把这个网址放在浏览器中，它会开始下载，但不是通过 FileTransfer。

Answer 1

不要使用this.file.dataDirectory + file_name.csv 作为您的文件路径，而是将您的代码修改为：

首先在你的构造函数中添加这个：

为了确保您使用的是正确的文件路径，假设您也可以在 ios 上使用它

  storageDirectory: string = '';
  // make sure this is on a device, not an emulation (e.g. chrome tools device mode)
  if(!this.platform.is('cordova')) {
    return false;
  }

  if (this.platform.is('ios')) {
    this.storageDirectory = cordova.file.documentsDirectory;
  }
  else if(this.platform.is('android')) {
    this.storageDirectory = cordova.file.dataDirectory;
  }
  else {
    // exit otherwise, but you could add further types here e.g. Windows
    return false;
  }

现在在你的代码中：

importleads()
{
    const fileTransfer: TransferObject = this.transfer.create();
    let url = 'http://example.com/download/sample.csv';
    fileTransfer.download(url, this.storageDirectory  + 'Import_Leads_Sample.csv').then((entry) => {
        if (entry) {
            console.log('download complete: ' + entry.toURL());
            let alert = this.alertCtrl.create({
                title: 'Lead Downloaded Successfully',
                buttons: [{
                    text: 'Ok',
                }]
            });
            alert.present();
        }
        else {
            let alert = this.alertCtrl.create({
                title: 'No File to download',
                buttons: [{
                    text: 'Ok',
                }]
            });
            alert.present();
        }
    });
}

请注意我所做更改的文件路径的差异。 这段代码sn-p取自dsgriffin ionic file tranfer repofile