Angular.js and Amazon S3 — How to Upload files?

Problem

I have an application in Angular.js. In the truth, I made an update in my old site, changed that for Angular.

In old version, I was using Uploadfy jquery component for my uploads in Amazon S3. But now, with Angular, I can’t use this.

I want to use the directive “ngUpload”. But I don’t know how to do this. Anybody can help-me?

Problem courtesy of: ECC

Solution

You can use angular-file-upload a lightweight angular directive which has support for file progress and file drop.

You can follow the Amazon S3 issues here which has a sample code as how to send all those data along with the file upload: https://github.com/danialfarid/angular-file-upload/issues/23

S3 upload should work with version 1.1.1 above.

another related issue: https://github.com/danialfarid/angular-file-upload/issues/23

Solution courtesy of: danial

View additional discussion.