how to use jquery file upload angular version? how to use jquery file upload angular version? angularjs angularjs

how to use jquery file upload angular version?


the blueimp.fileupload uses events that are fired via $emit to notify parent scopes:

             on([                'fileuploadadd',                'fileuploadsubmit',                'fileuploadsend',                'fileuploaddone',                'fileuploadfail',                'fileuploadalways',                'fileuploadprogress',                'fileuploadprogressall',                'fileuploadstart',                'fileuploadstop',                'fileuploadchange',                'fileuploadpaste',                'fileuploaddrop',                'fileuploaddragover',                'fileuploadchunksend',                'fileuploadchunkdone',                'fileuploadchunkfail',                'fileuploadchunkalways',                'fileuploadprocessstart',                'fileuploadprocess',                'fileuploadprocessdone',                'fileuploadprocessfail',                'fileuploadprocessalways',                'fileuploadprocessstop'            ].join(' '), function (e, data) {                if ($scope.$emit(e.type, data).defaultPrevented) {                    e.preventDefault();                }            })

That means that you can simply add an event listener in one of the parent scope controllers, e.g.:

$scope.$on('fileuploadprocessdone', function(event, files){     $.each(files, function (index, file) {        //do what you want    });});

You can also override the default handleResponse function in your config phase, e.g.:

angular.module('myApp', ['blueimp.fileupload'])..config(['fileUploadProvider', function (fileUploadProvider){    fileUploadProvider.defaults.handleResponse = function (e,data){        var files = data.result && data.result.files;        if (files) {            data.scope().replace(data.files, files);            // do what you want...        } else if (data.errorThrown || data.textStatus === 'error') {             data.files[0].error = data.errorThrown ||             data.textStatus;        }     };     }]);