Javascript上传文件夹，通过压缩与上传文件夹相同的文件夹结构

Question

如何使用 JavaScript 在客户端的上传功能上压缩选定的文件夹。我有一个文件夹上传按钮，它将打开文件夹选择窗口，选择文件夹后，我想以相同的文件夹结构压缩该文件夹并上传到后端服务器。

<小时/>

经过研究:发现以下创建 Zip 的方法，我可以为文件夹中的所有文件创建 Zip，即使文件位于子文件夹中，它也会为同一文件夹中的所有文件创建 Zip .

但我想压缩到相同的文件夹结构中。

下面是我的代码和使用的库引用:

点击链接:JSFidler

https://stuk.github.io/jszip/

https://www.npmjs.com/package/jszip

Javascript方法如下:

          <-- HTML !-->
          <input id="uploadID" type="file" accept=".zip" webkitdirectory> 

          //Javascript
          uploadfolder(e){
            var zip = new JSZip();
            var fileslist = event.target.files;
            var files = zip.folder();
            for(let i=0; i<fileslist.length; i++){
                console.log(fileslist[i].name);
                files.file(fileslist[i].name, fileslist[i].raw, {base64: true});
            }
            zip.generateAsync({type:"blob"}).then(function(content) {
                saveAs(content, "example.zip");
            });
           },

Answer 1

请查看这些网址

  https://gildas-lormeau.github.io/zip.js/
  https://www.npmjs.com/package/zip-folder
  https://stuk.github.io/jszip/