Give download as zip option on UI

[prabhakar267]

You can view all the images from the URL on the UI
Add a button to download all the images as a single ZIP file

[sophiekovalevsky]

@prabhakar267 I am interested in helping with this. However, there are some questions:
Do I need to create just only the UI button or should I generate a function that will generate the url zip to download all images?

[prabhakar267]

I think just creating a button to download all images would be good enough.

[omarahm3]

Hey @prabhakar267 I'm wondering, where is the logic of compressing all the incoming images to ZIP archive in order to link it to the download button?

[prabhakar267]

We would need to add that as well
This might be useful https://stackoverflow.com/q/37176397

[omarahm3]

@prabhakar267 Consider it done.

[sophiekovalevsky]

@prabhakar267, @omarking05 yes, that was my question.

So, then, what I propose then is: @omarking05 you will the logic right?

I will work on create the buttonand then as soon as @omarking05 finish it the funcionality, this task will mark as done.

Best!

[omarahm3]

Hey @prabhakar267 I have created a pull request with compressing functionality working.
@sophiekovalevsky yes, i did it already. you can add the button now and use this link to get the file: "public/Images.zip"

[prabhakar267]

@omarking05
I was thinking more of a JavaScript approach, because I would like to shift the UI to more non-PHP implementation

[omarahm3]

@prabhakar267 why didn't you say so, lol. I'll try to implement it on the client side.

[omarahm3]

@prabhakar267 oh, I don't think we can implement this with JS.
as you have multiple images hosted on other servers you need to gather into a folder and then zip them all, which needs access to client machine which can not be done with JS.
a work around is to send Ajax request to a php function that do all of the work and return us a valid zip file created on the server.

[prabhakar267]

@omarking05 I found this solution on stackoverflow, can you take up this?
https://stackoverflow.com/a/31815317

[omarahm3]

@prabhakar267 aha it's the same thing, except we need to download all the requested images to the our server then hit them with Ajax requests to read their contents and compress them into zip.
It is addressed in you referenced answer here:

your js code needs to access the content of the files with ajax calls (you will get CORS issues if they aren't stored on the same server).

[grimacecoin]

@prabhakar267 aha it's the same thing, except we need to download all the requested images to the our server then hit them with Ajax requests to read their contents and compress them into zip. It is addressed in you referenced answer here:

your js code needs to access the content of the files with ajax calls (you will get CORS issues if they aren't stored on the same server).

this doesn't work anymore?