前端解压使用jszip

最新推荐文章于 2024-05-15 22:50:31 发布

葡萄的紫紫

最新推荐文章于 2024-05-15 22:50:31 发布

阅读量380

点赞数 2

分类专栏： vue 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_37823236/article/details/122057565

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

安装

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>