Javascript 名称 fileName=document.createElement（'li'）； //将名称附加到列表中 appendChild（document.createTextNode（name））； appendChild（文件名）； //将该文件添加到ZIP

名称 fileName=document.createElement（'li'）； //将名称附加到列表中 appendChild（document.createTextNode（name））； appendChild（文件名）； //将该文件添加到ZIP文件 file（名称，文件，{binary:true}）； } }); }); document.getElementById（'zipUpload'）。addEventListener（'submit'，e=>{ e、 预防默认值（）； //把所有的文件都压缩起来，然后得到一个blob generateAsync（{type:“blob”}）。然后（blob=>{ 让ajax=newXMLHttpRequest（）， formData=新的formData（）； //将blob添加到要发送到服务器的数据中 append（'zipFile'，blob，Date.now（）+'.zip'）； ajax.upload.addEventListener（'progress'，函数（e）{ 让进度=数学楼层（e.loaded/e.total*100）； log（'上载：'+progress+'%'）； }，假）； addEventListener（'load'，函数（e）{ if（ajax.readyState==4&&ajax.status==200）{ console.log（'done'）； } }，假）； open（'POST'，'https://your.url",对),； //我们无法从这里上传，所以只需下载即可 //发送（formData）； saveAs（blob，Date.now（）+'.zip'）； }); });

上传你的邮政编码

对我来说似乎很简单。@RocketHazmat，好吧，如何使用JSZip？您可能需要使用从所选文件获取数据。然后，您可以构建zip并使用获取文件，然后上传它（可能通过

fetch（）

或

XMLHttpRequest

）。可能类似于：

元素可以支持文件或文件夹，但不能同时支持两者。如果两者都需要，则需要两个元素，每个元素一个。拖放是另一回事。@RocketHazmat，我想到了这个主意，谢谢兄弟，我知道这要花很多时间，但是你能写一个完整的答案吗？对我来说似乎很直接。@RocketHazmat，好吧，如何使用JSZip？您可能需要使用从所选文件获取数据。然后，您可以构建zip并使用获取文件，然后上传它（可能通过

fetch（）

或

XMLHttpRequest

）。可能类似于：

元素可以支持文件或文件夹，但不能同时支持两者。如果两者都需要，则需要两个元素，每个元素一个。拖放是另一回事。@RocketHazmat，我想到了这个主意，谢谢兄弟，我知道这要花很多时间，但是你能写一个完整的答案吗？

-── folder1
│   ├── myVideo1.mp4
│   └── myVideo2.mp4
├── folder2
│   ├── innerFolder
│   │   └── anything.gif
│   └── something.png
├── myImage1.jpeg
├── myImage2.jpeg
└── myImage3.jpeg