前端解压使用jszip

安装

npm install jszip

template

<el-upload drag:action="uploadUrl":http-request="uploadRequest"accept=".zip"name="add":show-file-list="false":before-upload="handleBefore">// 重点:before-upload="handleBefore"// 事件不是必须放在before-upload中

引入、使用

import JSZip from 'jszip'

<script>
handleBefore(file) {let new_zip = new JSZip();const that = this; //使用iconv-lite这个插件解决文件名中有中文乱码的问题let iconv = require('iconv-lite');new_zip.loadAsync(file, {decodeFileName: function (bytes) {return iconv.decode(bytes, 'gbk'); //解码}}).then(function(res) {let files = res.files;let filesName = Object.keys(files) // 获取所有文件名console.log(filesName )});},
</script>

文件名中有中文乱码的问题官方文档中说要同时使用 iconv-lite 这个插件

npm install iconv-lite

前端解压使用jszip相关推荐

vue前台导出zip文件_在Vue.js中使用JSZip实现在前端解压文件的方法_心病_前端开发者...
1.在 action="//jsonplaceholder.typicode.com/posts/" :before-upload="handleBefore" ...
pako java_接口实现后台GZIP压缩，pako.js 前端解压
import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.IOExceptio ...
java 前后端解压缩字符串_接口实现后台GZIP压缩，pako.js 前端解压
import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.IOExceptio ...
java字符串压缩js解压_接口实现后台GZIP压缩，pako.js 前端解压
import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.IOExceptio ...
python 图像压缩后前端解压_Python在后台自动解压各种压缩文件的实现方法
1.需求描述编写一个 Python 程序,每次下载压缩包形式的文件后,自动将内部文件解压到当前文件夹后将压缩包删除,通过本案例可以学到的知识点: os 模块综合应用 glob 模块综合应用利用 g ...
Java后端压缩JSON字符串，前端使用pako.min.js解压
我在日常开发中遇到,由于后端返回JSON数据较大,导致前端响应的较慢,于是考虑通过后端压缩,前端解压的方式来进行优化: 后端压缩工具类: package com.stt.common.util;imp ...
java csv文件tozip后损坏_java上传并下载以及解压zip文件有时会报文件被损坏错误分析以及解决...
情景描述: 1.将本地数据备份成zip文件: 2.将备份的zip文件通过sftp上传到文件服务器: 3.将文件服务器上的zip文件下载到运行服务器: 4.将下载的zip文件解压到本地(文件大小超过50 ...
【Web技术】959- JavaScript 如何在线解压 ZIP 文件？
相信大家对 ZIP 文件都不会陌生,当你要打开本地的 ZIP 文件时,你就需要先安装支持解压 ZIP 文件的解压软件.但如果预解压的 ZIP 文件在服务器上,我们应该如何处理呢? 最简单的一种方案就是 ...
太解压了！！！还有5天高考，想过做程序猿吗？提前关注
大家好,我是「杨宗宝」,穿越来到了现代!很高兴你能认识到我,因为我现在不喜欢舞枪弄棒,而痴迷于敲代码,特别是游戏代码! 虽然我参与过触控的"捕鱼打人3",但好像没什么感觉!唯一有感 ...
前端实现对ZIP 压缩文件解压，实现前端直接展示结果，比如图片,压缩包等 audio对象进行播放
其中后台代码,很简单: /// <summary>/// 获取压缩的zip文件/// </summary>/// <returns></returns> ...

前端解压使用jszip

安装

template

引入、使用

文件名中有中文乱码的问题官方文档中说要同时使用 iconv-lite 这个插件

前端解压使用jszip相关推荐

最新文章

热门文章