angular-file-upload-tests.ts

import { FileUploaderFactory, FileUploader, FileItem } from 'angular-file-upload';
import * as angular from 'angular';

angular.module('app', ['angularFileUpload'])

    .controller('AppController', ['FileUploader', (
        FileUploader: FileUploaderFactory
    ) => {
        const uploader: FileUploader = new FileUploader({
            url: 'upload.php'
        });

        uploader.onAfterAddingFile = (fileItem: FileItem) => {
            console.log(fileItem);
        };

        // FILTERS

        // a sync filter
        const syncFilter = (item: File, options: {}) => {
            console.log('syncFilter');
            return true;
        };
        uploader.filters.push({
            name: 'syncFilter',
            fn: syncFilter
        });

        // an async filter
        const asyncFilter = (item: File, options: {}, deferred: angular.IDeferred<any>) => {
            console.log('asyncFilter');
            setTimeout(deferred.resolve, 1e3);
        };
        uploader.filters.push({
            name: 'asyncFilter',
            fn: asyncFilter
        });

        // CALLBACKS

        uploader.onWhenAddingFileFailed = (item /*{File|FileLikeObject}*/, filter, options) => {
            console.info('onWhenAddingFileFailed', item, filter, options);
        };
        uploader.onAfterAddingFile = (fileItem) => {
            console.info('onAfterAddingFile', fileItem);
        };
        uploader.onAfterAddingAll = (addedFileItems) => {
            console.info('onAfterAddingAll', addedFileItems);
        };
        uploader.onBeforeUploadItem = (item) => {
            console.info('onBeforeUploadItem', item);
        };
        uploader.onProgressItem = (fileItem, progress) => {
            console.info('onProgressItem', fileItem, progress);
        };
        uploader.onProgressAll = (progress) => {
            console.info('onProgressAll', progress);
        };
        uploader.onSuccessItem = (fileItem, response, status, headers) => {
            console.info('onSuccessItem', fileItem, response, status, headers);
        };
        uploader.onErrorItem = (fileItem, response, status, headers) => {
            console.info('onErrorItem', fileItem, response, status, headers);
        };
        uploader.onCancelItem = (fileItem, response, status, headers) => {
            console.info('onCancelItem', fileItem, response, status, headers);
        };
        uploader.onCompleteItem = (fileItem, response, status, headers) => {
            console.info('onCompleteItem', fileItem, response, status, headers);
        };
        uploader.onCompleteAll = () => {
            console.info('onCompleteAll');
        };

        console.info('uploader', uploader);
    }]);