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.ne...
Back-End Developer Professional Certificate: imp.i384100.ne...
iOS Developer Professional Certificate: imp.i384100.ne...
Meta Android Developer Professional Certificate: imp.i384100.ne...
Meta Database Engineer Professional Certificate: imp.i384100.ne...

[@Jay-pp4pk]

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

[@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: ruclips.net/video/7LGpIQ6ceJs/видео.html
JSON to CSV (and then download): ruclips.net/video/JPxzeG4N5nQ/видео.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().

[@right2comment]

Can you do the same on Wix websites using custom elements?

[@andrillaf]

Does anyone know if there’s a good way to download a bunch of photos on mobile? ZIP files obviously don’t get added to a photos app. The only way I know how to download any photo directly to my photos app is a press and hold to get the built in context menu, which is one at a time.

[@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.

[@kobralegkaya]

Thanks, thats a great guide!

[@danielsolis273]

thank you very much, it was very helpful

[@jmtcrm7080]

what abour external image url's?

[@eslammohmad951]

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

[@languageswithenoch4417]

🙏🏽🙏🏽

[@tuku_mann]

❤❤❤

[@OpenJavaScript]

❤️