Angular 2-生成CSV文件并将其下载为Zip文件

时间:2018-07-26 11:04:06

标签: angular

当前,我正在使用Angular5Csv,并且已经可以正常下载CSV文件。

但是现在我的客户希望将其下载为Zip文件类型。我确实尝试了一些方法,可以将其下载为Zip文件类型,但无法将其解压缩。

下面是我的代码:

downloadLog(hall_id: String, from_date: Date, to_date: Date) {
let params = new HttpParams();

params = hall_id ? params.append('hall_id', hall_id.toString()) : params;
params = from_date ? params.append('from_date', from_date.toString()) : params;
params = to_date ? params.append('to_date', to_date.toString()) : params;
return this.http
  .get(`${this.apiLog}`, {params: params})
  .pipe(
    tap((response: any) => {
        var options = { 
          fieldSeparator: ',',
          quoteStrings: '"',
          decimalseparator: '.',
          showLabels: true, 
          useBom: true,
          noDownload: true,
          headers: ['id', 'delete_flag', 'hall_id', 'send_type', 'type', 'reply_token'
         , 'source_type', 'source_id', 'message_id', 'message_type', 'text', 'title', 'address', 'latitude'
         , 'longitude', 'package_id', 'sticker_id', 'data', 'timestamp', 'created_date', 'updated_date'
         , 'deleted_at']
        };
        this._csv = new Angular5Csv(response.data, 'Log Messages', options);

        const blob = new Blob([this._csv['csv']], {
          type: 'application/zip'
        });
        const url = window.URL.createObjectURL(blob);
        window.open(url);
        // this.log('Download successfully。', 'success', true);
    }),
    catchError(this.handleError('downloadLog', {success: false}))
  )
  .subscribe(res => {
    }, error => {

    }, () => {

    });

}

我是Angular的新手,对此了解不多。如果我能得到一些帮助,那将对我有很大帮助。谢谢

1 个答案:

答案 0 :(得分:0)

它不起作用,因为您只是将CSV文件包装到一个Blob中,而从未压缩CSV。

您可以尝试JSZip,如何在Angular中使用它有一些帮助here