首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angularjs JSZip包含csv文件

Angularjs JSZip包含csv文件
EN

Stack Overflow用户
提问于 2018-10-24 09:33:41
回答 1查看 574关注 0票数 1

我想问一下,是否有人知道如何在JSZip中包含csv文件?我只知道它可以有一个文本文件和图像文件夹。如何在其中包含csv文件?

我的csv下载功能:

代码语言:javascript
复制
<a href="" ng-click="download()">Download</a>

        //Javascript
        function jsonToCsv(headingRows, dataRows) {
        var csv = headingRows.join(',') + '\n';
        csv += dataRows.map(function (row, i) {
        return Object.keys(row).sort().map(function (columnKey) {
        return row[columnKey];
        }).join(',');
        }).join('\n');
        return csv;
        };
        $scope.download = function () {
        var csv = jsonToCsv(['ThemeName', 'DataSharing', 'DisplaySetting', 
        'ExpiryDate', 'Icon', 'PusblishDate','QueryName','ThemeName', 
        'ThemeOwner'], 
        community)
        var csvBlob = new Blob([csv], { type: 'text/csv' });
        saveAs(csvBlob, 'data.csv');
        };
        $scope.download1 = function () {
        var csv = jsonToCsv(['ThemeName', 'DataSharing', 'DisplaySetting', 
        'ExpiryDate', 'Icon', 'PusblishDate','QueryName','ThemeName', 
        'ThemeOwner'], sports)
        var csvBlob = new Blob([csv], { type: 'text/csv' });
        saveAs(csvBlob, 'data.csv');
        };

和JSZip函数:

代码语言:javascript
复制
             $scope.create_zip = function () {
          var zip = new JSZip();
          zip.file("Hello.csv", "Hello World\n");

          zip.generateAsync({type:"blob"})
          .then(function(content) {
              // see FileSaver.js
              saveAs(content, "example.zip");
          });
        }

那么,我现在想问的是,有没有一种方法可以让我将当前的csv下载功能包含到JSZip文件夹中?或者以其他方式将csv文件包含到JSZip中。

EN

回答 1

Stack Overflow用户

发布于 2019-09-18 18:31:15

代码语言:javascript
复制
    let zip = new JSZip();

for (let i = 0; i < 5; i++) {
    var CSV = 'CSV_content ';

    // Fill CSV variable
    zip.file("file" + i + ".csv", CSV);
}
zip.generateAsync({
    type: "base64"
}).then(function(content) {
    window.location.href = "data:application/zip;base64," + content;
});

这是在zip文件夹中创建的数字CSV文件,如下所示

download.zip -->

  • file 0.csv、
  • file 1.csv、
  • file 2.csv

无论 CSV 中给出的内容是什么,都会在file.csv中显示,如果想要显示动态CSV文件,请根据您的需要进行更改,您需要在后端执行这些操作,因为客户端不存在文件访问。在后端创建目录存储CSV,下载完成后删除目录

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52959937

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档