95 lines
3.0 KiB
JavaScript
95 lines
3.0 KiB
JavaScript
angular.module('app', ['angularFileUpload'])
|
|
|
|
// The example of the full functionality
|
|
.controller('TestController',function ($scope, FileUploader) {
|
|
'use strict';
|
|
|
|
// create a uploader with options
|
|
|
|
var uploader = $scope.uploader = new FileUploader({
|
|
scope: $scope, // to automatically update the html. Default: $rootScope
|
|
url: '/api/containers/container1/upload',
|
|
formData: [
|
|
{ key: 'value' }
|
|
]
|
|
});
|
|
|
|
// ADDING FILTERS
|
|
uploader.filters.push({
|
|
name: 'filterName',
|
|
fn: function (item, options) { // second user filter
|
|
console.info('filter2');
|
|
return true;
|
|
}
|
|
});
|
|
|
|
// REGISTER HANDLERS
|
|
// --------------------
|
|
uploader.onAfterAddingFile = function(item) {
|
|
console.info('After adding a file', item);
|
|
};
|
|
// --------------------
|
|
uploader.onAfterAddingAll = function(items) {
|
|
console.info('After adding all files', items);
|
|
};
|
|
// --------------------
|
|
uploader.onWhenAddingFileFailed = function(item, filter, options) {
|
|
console.info('When adding a file failed', item);
|
|
};
|
|
// --------------------
|
|
uploader.onBeforeUploadItem = function(item) {
|
|
console.info('Before upload', item);
|
|
};
|
|
// --------------------
|
|
uploader.onProgressItem = function(item, progress) {
|
|
console.info('Progress: ' + progress, item);
|
|
};
|
|
// --------------------
|
|
uploader.onProgressAll = function(progress) {
|
|
console.info('Total progress: ' + progress);
|
|
};
|
|
// --------------------
|
|
uploader.onSuccessItem = function(item, response, status, headers) {
|
|
console.info('Success', response, status, headers);
|
|
$scope.$broadcast('uploadCompleted', item);
|
|
};
|
|
// --------------------
|
|
uploader.onErrorItem = function(item, response, status, headers) {
|
|
console.info('Error', response, status, headers);
|
|
};
|
|
// --------------------
|
|
uploader.onCancelItem = function(item, response, status, headers) {
|
|
console.info('Cancel', response, status);
|
|
};
|
|
// --------------------
|
|
uploader.onCompleteItem = function(item, response, status, headers) {
|
|
console.info('Complete', response, status, headers);
|
|
};
|
|
// --------------------
|
|
uploader.onCompleteAll = function() {
|
|
console.info('Complete all');
|
|
};
|
|
// --------------------
|
|
}
|
|
).controller('FilesController', function ($scope, $http) {
|
|
|
|
$scope.load = function () {
|
|
$http.get('/api/containers/container1/files').success(function (data) {
|
|
console.log(data);
|
|
$scope.files = data;
|
|
});
|
|
};
|
|
|
|
$scope.delete = function (index, id) {
|
|
$http.delete('/api/containers/container1/files/' + encodeURIComponent(id)).success(function (data, status, headers) {
|
|
$scope.files.splice(index, 1);
|
|
});
|
|
};
|
|
|
|
$scope.$on('uploadCompleted', function(event) {
|
|
console.log('uploadCompleted event received');
|
|
$scope.load();
|
|
});
|
|
|
|
});
|