Multiple Images to Zip File Download | JavaScript Tutorial

‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇
⚡ Need hosting for a website, WordPress blog or Node.js app? We use HostWithLove: bit.ly/3V2RM9Q ❤️
How to download multiple images in one action by storing them in zip file format and downloading the zip file. JSZip is used to create the zip file.
#javascript #javascript_tutorial #zip #download #images
⚡Web development professional certificates from Meta Inc.⚡
Front-End Developer Professional Certificate: imp.i384100.net/b3dMek
Back-End Developer Professional Certificate: imp.i384100.net/gbYorg
iOS Developer Professional Certificate: imp.i384100.net/Jr7qj2
Meta Android Developer Professional Certificate: imp.i384100.net/oeYnGo
Meta Database Engineer Professional Certificate: imp.i384100.net/BX7KGB

[@Jay-pp4pk]

Thank you a lot man! This is a really useful lesson

[@kobralegkaya]

Thanks, thats a great guide!

[@danielsolis273]

thank you very much, it was very helpful

[@Hataken999]

Your tutorial so underated... Btw can you make something like this but convert to pdf instead? Like if we scrape some images on the web and all images converting to pdf then the download will start

[@OpenJavaScript]

Hi Faiz, thanks and that's a nice suggestion, I don't have any tutorials on creating PDFs yet. I do plan to make one soon though that you could use in combination with this video to donwload fetch images in PDF format.

[@eslammohmad951]

how many requests in network tab?
if one request for zip folder than includes 3 so that's greate

[@jmtcrm7080]

what abour external image url's?

[@ALEXAlex-yn4zz]

could you make a tutorial on how to export user input(text field, select option...) in excel files? I am creating a configurator HTML and need to download my input parameters from the website to an Excel Datei. Thank you so much!

[@OpenJavaScript]

That's a nice idea for a tutorial!
I haven't created one on this exact process yet (I'll keep it in mind for the future) but I have created some others that I think would get you most of the way there:
Store user input in JS object: ua-cam.com/video/7LGpIQ6ceJs/v-deo.html
JSON to CSV (and then download): ua-cam.com/video/JPxzeG4N5nQ/v-deo.html
The only intermediate step between the tutorials is to get the user input in JSON format which you can do by passing it into JSON.stringify().

[@languageswithenoch4417]

🙏🏽🙏🏽

[@tuku_mann]

❤❤❤

[@OpenJavaScript]

❤️