如何使用带有$http或$resource的angularjs 1.5.5中的EventHandler和UploadEventHandler跟踪进度?

如何使用带有$http或$resource的angularjs 1.5.5中的EventHandler和UploadEventHandler跟踪进度?,angularjs,file-upload,Angularjs,File Upload,我试图严格遵守angularjs代码,使用$http或$resource进行文件上传 var uploadData = new FormData(); uploadData.append('file', obj.lfFile); var fileData = angular.toJson({ 'FileName': obj.lfFile.name, 'FileSize': obj.lfFile.size }); uploadData.append('fileData', file

我试图严格遵守angularjs代码,使用$http或$resource进行文件上传

var uploadData = new FormData();
uploadData.append('file', obj.lfFile);
var fileData = angular.toJson({
    'FileName': obj.lfFile.name,
    'FileSize': obj.lfFile.size
});
uploadData.append('fileData', fileData)

$http({
    method: 'POST',
    url: vm.uploadPath,
    headers: {
        'Content-Type': undefined,
        'UserID': vm.folder.UserID,
        'ComputerID': vm.folder.ComputerID,
        'KeepCopyInCloud': vm.keepCopyInCloud,
        'OverWriteExistingFile': vm.overwriteExistingFile,
        'RootFileID': vm.folder.RootFileID,
        'FileName': obj.lfFile.name,
        'FileSize': obj.lfFile.size
    },
    eventHandlers: {
        progress: function(c) {
            console.log('Progress -> ' + c);
            console.log(c);
        }
    },
    uploadEventHandlers: {
        progress: function(e) {
            console.log('UploadProgress -> ' + e);
            console.log(e);
        }
    },
    data: uploadData,
    transformRequest: angular.identity
}).success(function(data) {
    console.log(data);
}).error(function(data, status) {
    console.log(data);
    console.log(status);
});
事件根本不会被触发。我错过了什么

参考资料


  • 在发布查询后找到它。感觉自己很愚蠢。我必须在bower中更新angularjs版本,以确保所有依赖项都解析为Angular1.5.5及以上版本


    在发布查询后找到它。感觉自己很愚蠢。我必须在bower中更新angularjs版本,以确保所有依赖项都解析为Angular1.5.5及以上版本