前端如何进行压缩下载
2017-12-16 本文已影响0人
majunchang
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>
