前端如何进行压缩下载
title: 前端如何进行压缩下载 date: 2017-04-08 11:40:49 tags: categories: plugin
前端实现 将字符串放入指定的文件名，并将指定的文件 进行压缩下载。
需要使用 jszip和FileSaver这两个插件
此处插入一张图片 这样看起来美观
mark
mark
<!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>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2017.12.16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
