zip的解决方案

来源:7-1 开篇

johnny_2008

2022-02-14

老师您好,看第七章的标题是【第7章 excel 、zip 与前端结合解决方案之用户管理页面实现】请问有关ZIP在哪节有说呀

写回答

1回答

Sunday

2022-02-15

你好

原本规划中是有 zip 下载部分的,但是后来把这部分给删除了,但是标题忘记更改了。 

下面我贴一下对应的 zip 下载代码(需要 npm i jszip  依赖包)

import { saveAs } from 'file-saver'

import JSZip from 'jszip'


export function export_txt_to_zip(th, jsonData, txtName, zipName) {

  const zip = new JSZip()

  const txt_name = txtName || 'file'

  const zip_name = zipName || 'file'

  const data = jsonData

  let txtData = `${th}\r\n`

  data.forEach((row) => {

    let tempStr = ''

    tempStr = row.toString()

    txtData += `${tempStr}\r\n`

  })

  zip.file(`${txt_name}.txt`, txtData)

  zip.generateAsync({

    type: "blob"

  }).then((blob) => {

    saveAs(blob, `${zip_name}.zip`)

  }, (err) => {

    alert('导出失败')

  })

}


1
2
qq_Simpleisbeau_0
为啥要删啊
2022-04-03
共2条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程