Easily drag files to element and drop them using html5 api.
npm install angular-files-drop> Easily drag files to element and drop them using html5 api.
> Angular and html5 native, No jQuery, No dependency.
> 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', ...])
`html`
files-drop="onFilesDropped($files, $event)"
Hey, drop files here!
`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'])
`
> 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
