How to directly upload files to Amazon S3 from your client side web app

Direct uploading like this has been possible for at least two years. However, in our tests it turned out that Amazon was silently losing some files &#62;100MB (and almost all files ~1GB).<p>On the AWS forums it was clear that AWS was aware of this consistent problem, but was not able to fix it, and not willing to document it.<p>They eventually released "multipart upload", which remains the only reliable way to get large files to S3. Unfortunately, multipart upload is nearly impossible to implement as a web app (short of resorting to e.g. Java).

Alternatively, use Filepicker.io.<p>filepicker.store(myFile, {location: "S3"}, function(FPFile){console.log("File stored in S3 at "+FPFile.key+" and available at "+FPFile.url);});

Thanks for posting... I was looking for something just like this:<p><a href="https://github.com/tadruj/s3upload-coffee-javascript" rel="nofollow">https://github.com/tadruj/s3upload-coffee-javascript</a>

Thanks for posting this. I was looking at adding uploads just this morning, so this is very timely. It looks like if you combine the direct upload to S3 as outlined in this article with bitline (<a href="http://www.blitline.com/" rel="nofollow">http://www.blitline.com/</a>), you get some pretty cool abilities. I especially like that bitline supports batch operation (for example create five sizes of my image) in one call.

Tangentially related, but does anyone know of an easy way to push a github repo to an S3 bucket (configured as a public site)?<p>I'm pretty new at git/github, but understand that the solution may involve a post commit hook that somehow calls an S3 file upload service.

Here's the other page on the AWS documentation on this: <a href="http://s3.amazonaws.com/doc/s3-developer-guide/RESTAuthentication.html" rel="nofollow">http://s3.amazonaws.com/doc/s3-developer-guide/RESTAuthentic...</a>

I did a demo similar to this a few months ago:<p><a href="https://github.com/dgoodlad/s3-photo-upload-demo" rel="nofollow">https://github.com/dgoodlad/s3-photo-upload-demo</a><p><a href="http://s3-photo-upload-demo.throwawayapp.com" rel="nofollow">http://s3-photo-upload-demo.throwawayapp.com</a>

Last week I was trying to figure out how to do this with dropbox. Anyone know a way?

Coolest would be an ability to have 1) a great filepicker UI (drag target + multi file upload w/ progress bar) 2) resizing/thumbnails in the browser 3) no server side other than s3<p>guessing #2 isn't possible?

Any recommendations for how to show a progress-indicator to the user during a direct-to-S3 upload?