angular-files-drop

> Easily drag files to element and drop them using html5 api.

> Angular and html5 native, No jQuery, No dependency.

Install

> installing via javascript package manager

``sh
npm install angular-files-drop -S
`

> load via module loader such as jspm, system, webpack, etc, or just include
`

> Set dependency to your angular app

`js
angular.module('demoApp', ['angular-files-drop', ...])
`

Usage

`html




`

`js
// in controller
angular.module('demoApp', ['angular-files-drop'])
angular.module('demoApp').controller('DemoController', function($scope) {
$scope.onFilesDropped = function($files, $event) {
console.log('$files', $files)
console.log('$event', $event)

$scope.previews = $files
}
})

angular.bootstrap(document, ['demoApp'])
`

You want to develop, build, and see demo site locally

> launch demo site using node

`sh


shell


npm install http-server -g
PORT=12345 http-server .
open http://127.0.0.1:12345/demo
``

> preview