
vue 实现下载 .zip 文件
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
·
VUE项目:
👉 jsZip 和 file-saver 实现
安装
npm install file-saver --save
npm install jszip --save
代码
import { saveAs } from 'file-saver' //文件的导出功能
import JSZip from 'jszip' //用于创建,阅读和编辑.zip文件,具有可爱而简单的API。
function export_txt_to_zip(th, jsonData, txtName, zipName) {
let txt_name = txtName || 'file'
let zip_name = zipName || 'file'
const zip = new JSZip()
const data = jsonData
let txtData = `${th}\r\n`
data.forEach(v => {
let tempStr = ''
tempStr = v.toString()
txtData += `${tempStr}\r\n`
});
zip.file(`${txt_name}.txt`, txtData) //file(文件的名称,传入文件的数据)
zip.generateAsync({ //生成 不是真实的的文件,而是它在内存中的表示)
type: "blob" //生成文件的类型
}).then((blob) => {
saveAs(blob, `${zip_name}.zip`) //saveAs(文件,文件的名称)
}, (err) => {
alert('导出失败')
})
}
JSZip官网:https://stuk.github.io/jszip/
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079
[skip ci] 3 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
更多推荐




所有评论(0)