i am using html5 filereader api for drag and drop images. how do i then use your zip.js to upload as zip file

[simkimsia]

I am using html5 native filereader api.

I have a div where my users drag and drop the images in.

the setup is similar to this example. http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html

after the users are happy with the preview, i want to zip up all the images into a single zip file to be uploaded to my server.

the files are evt.dataTransfer.files which is a readonly property of the HTML5 FileReaderAPI see http://help.dottoro.com/ljslrhdh.php

I want to zip up all the files inside evt.dataTransfer.files and upload to the server when the user pressed submit button.

I have gone through your demos, but all of them are for downloads. Anything suitable for uploads and how do I zip?

I believe in your demo3, you iteratively traverse all the dataTransfer.files and then call importBlob on each one of them.

Is that the best way for me as well? I am merely implementing a kind of multi image uploader app.

[madhu131313]

I have the same probllem, May I know why is it closed ? Answering will be of great help !!

[webmutation]

Hum this seems like a not very useful use of the Zip.js library, the cost of compressing the images on the client is much larger than to have it done server side. This is one of the cases where I would upload the images and compress them server side.

[madhu131313]

thanks, I thought it would be better to compress in the browser to decrease the server load.

[raghunath0610]

Hi Every one, I have same problem. Can any one tell me how to fix this issue.