A simple module to upload files and notify progress.
bower install n4-fileUpload-directive --save
<n4-file-upload class="btn" on-start="ctrl.onStart()" on-progress="ctrl.onProgress" on-finish="ctrl.onFinish()" ng-model="ctrl.files" multiple="true">
<i class="icon attachment"></i>
Add file
</n4-file-upload>
The directive works with transclusion for HTML template.
- on-start: Event called when upload begins.
- on-progress: Event called for each file progress.
- on-finish: Event called when all files were uploaded.
- ng-model: Files selected.
- multiple: Allow the selection of multiple files.
- endpoint: Optional URL.
You can configure a global URL using the "config".
angular.module('n4FileUploadApp', ['n4FileUpload'])
.config(function (n4FileUploadServiceProvider) {
n4FileUploadServiceProvider.endpoint = '<YOUR_ENDPOINT_FOR_UPLOAD>';
})
.controller('RootController', function () {
var self = this;
self.files = [];
self.onStart = function () {
console.log('Started');
};
self.onProgress = function (file) {
console.log(file.name);
console.log(file.loaded);
console.log(file.total);
console.log(file.progress);
};
self.onFinish = function () {
console.log('Finished');
};
});
##LICENSE
MIT