Live data from Hacker News

DropzoneJs – drag-and-drop file uploads with image previews

dropzonejs.com

21–30 of 33 posts

Re: DropzoneJs – drag-and-drop file uploads with image previews

#21

I would like to use this in a site where we print physical photos (all that exist are in flash). As soon as i select 100 images ate the same time it crashes all my browsers. (Eg: FireFox went up to 3Gb of used memory and then crashed) Try this: Use Settimeout on a loop when generating the thumbnails so the browser is more responsive when you upload dozens of large images. Also the memory usage is way too large. The G…

I've been meaning to compare with https://github.com/cinely/mule-uploader which seems to be more focused on robustness.

Re: DropzoneJs – drag-and-drop file uploads with image previews

#24
post #16

Thanks! I'd like an example of uploading directly to S3.

How does DropzoneJS sign the CORS upload request to S3 without having a light service running in EC2 to perform the signing request? You don't have to include AWS credentials in your JS do you?

You could set the policy to expire on some far-future date, then sign it once and forget it.

You'd essentially be giving world-write access to your bucket, of course. It would be better to issue signed policies with enforced key names and the like.

Re: DropzoneJs – drag-and-drop file uploads with image previews

#25

I'm new with Rails but want to try this out- SO this would be an alternative to Paperclip?

Nope, this is a front-end interface for getting your files from the user to the browser and then to your Rails app.

Paperclip and Carrierwave (I highly recommend Carrierwave) manage the actual storage of the file data (ie on S3) and the incorporation of the file into your ActiveRecord model (I'm glossing over a lot but hopefully you get the idea).

Basically, Dropzone would be a companion to your Rails-based file storage mechanism.

Re: DropzoneJs – drag-and-drop file uploads with image previews

#26
post #22

IE 10+. Damn. I still have some customers using IE7.

I had to implement this last month for a client. I found this.

https://developer.mozilla.org/en-US/docs/Web/API/FileReader

Linked in that article is this:

https://mdn.mozillademos.org/files/3699/crossbrowser_image_p...

That takes care of most IE. I think it goes down to 7. I know it does 8 and 9 for sure.

Re: DropzoneJs – drag-and-drop file uploads with image previews

#28
post #27

I was hoping this would let me drop PDF, Word, PowerPoint, etc. files and it would show me thumbnail previews of the contents (rather than just for images). Anyone know of any libraries that implement this kind of functionality? Maybe hacking OpenOffice?

The code is pretty easy to read - shouldn't be hard to add that functionality yourself with the File API. We hacked it quite a bit for what we needed, it's a nice script and the author is responsive for bugs. Thanks enyo!
Post reply on HN