javascript - Unzipping files in REACT and then rezipping it again - Stack Overflow

admin管理员组

文章数量:1399116

I have an application which is a REACT frontend and a python flask backend. The logic is as follows.

• End user uploads a zip file
• Sample zip file structure

source.zip
 dontextract             
 extractfile1            
 extractfile2 

I want to extract extractfile1 and extractfile2 from the zip file and then create a new zip with these two extracted files. Once that is done, I need to send this new zip file to a backend service.

I am finding various solutions on the internet through node packages such as and but these are also suggesting unzipping files in the backend, is there a way to perform this task in the front-end on the REACT side.

I have an application which is a REACT frontend and a python flask backend. The logic is as follows.

• End user uploads a zip file
• Sample zip file structure

source.zip
 dontextract             
 extractfile1            
 extractfile2 

I want to extract extractfile1 and extractfile2 from the zip file and then create a new zip with these two extracted files. Once that is done, I need to send this new zip file to a backend service.

I am finding various solutions on the internet through node packages such as https://www.npmjs./package/unzip and https://www.npmjs./package/unzipper but these are also suggesting unzipping files in the backend, is there a way to perform this task in the front-end on the REACT side.

• javascript
• reactjs

Share Improve this question Follow asked Aug 13, 2020 at 6:35 Vik GVik G 64944 gold badges99 silver badges2525 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You can use JSZIP

Example:

const zip = new JSZip();
zip.loadAsync(<YOUR .ZIP FILE>).then(<YOUR FILES IN AN ARRAY>)

My answer is no. You should handle everything related to file (read/write) in server side, not from browser. Like your above two packages, it's used for NodeJS. Not only the problem with browser API to read/write files, it's also the security risk when you let the hacker use Javascript to modify file and send to the server.

本文标签： javascriptUnzipping files in REACT and then rezipping it againStack Overflow