Fork me on GitHub

前端如何进行压缩下载

发表于 | 分类于 | | 热度: ℃
| 字数统计: 178字 | 阅读时长 ≈ 1 分钟

前端实现 将字符串放入指定的文件名，并将指定的文件 进行压缩下载。

需要使用 jszip和FileSaver这两个插件

此处插入一张图片 这样看起来美观

mark
mark

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<input type="button" onclick="create_zip()" value="创建压缩包并下载"/>
</body>
</html>
<script src="./node_modules/jszip/dist/jszip.js"></script>
<script src="./node_modules/file-saver/FileSaver.js"></script>
<script>
    function create_zip() {
        var zip = new JSZip();
        zip.file("hello1.txt", "Hello majunchang World\n");
        zip.file("hello2.txt", "Hello liuyifei World\n");

        zip.generateAsync({type:"blob"})
        .then(function(content) {
           saveAs(content, "liuyifei.zip");
        });

    }
</script>

-------------本文结束感谢您的阅读-------------