Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue. It supports native HTML5 uploads, but degrades to a legacy iframe upload method for older browsers. Works with any server side platform which supports standard HTML form uploads.

When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.

bower install angular-file-upload

You could find this module in bower like angular file upload.

npm install angular-file-upload

You could find this module in npm like angular file upload.

1. Simple example
2. Uploads only images (with canvas preview)
3. Without bootstrap example

1. Introduction
2. Module API
3. FAQ
4. Migrate from 0.x.x to 1.x.x
5. RubyGem

This module uses the feature detection pattern for adaptation its behaviour: fd1, fd2.

You could check out features of target browsers using http://caniuse.com/. For example, the File API feature.