angular文件upload+sails skipper不上传文件

Question

我的前端使用angularJS，后端使用sails.js/expressjs。我正在使用ng- file -upload实现一个文件上传功能，奇怪的是，这个文件似乎从未成功上传到服务器上……这是我的angularJS代码：

$scope.$watch('data.chosenImageFile', function() {
    if ($scope.data.chosenImageFile) {
        console.log($scope.data.chosenImageFile);
        $scope.upload = $upload.upload({
            url: '/upload_user_avatar',
            method: 'POST',
            file: $scope.data.chosenImageFile
        }).progress(function(evt) {
            console.log('progress: ' + parseInt(100.0 * evt.loaded / evt.total));
        }).success(function(data, status, headers, config) {
            console.log(data);
        });
    }
});

这是我的sails.js代码：

uploadUserAvatar: function(req, res) {
    req.file('avatar').upload(function(err, files) {
        if (err) return res.send(500, err);
        return res.json({
            message: files.length + ' file(s) uploaded successfully!',
            files: files
        });
    });
},

并且我总是从服务器得到以下响应：

Object {message: "0 file(s) uploaded successfully!", files: Array[0]}

当我检查相应的服务器上传目标文件夹时，什么也没有....有人知道为什么吗，或者可以提供一些帮助？一定会很感激的！

Answer 1

好吧，这个问题不是很聪明，我知道问题出在哪里:ng- fileFormDataName -upload的默认文件是"file"，因为我在服务器端使用的是req.file('avatar')，我真的应该在我的angular代码中添加以下设置选项：

        fileFormDataName: 'avatar', 

这使得它看起来是这样的：

$scope.$watch('data.chosenImageFile', function() {
    if ($scope.data.chosenImageFile) {
        console.log($scope.data.chosenImageFile);
        $scope.upload = $upload.upload({
            url: '/upload_user_avatar',
            method: 'POST',
            fileFormDataName: 'avatar',
            file: $scope.data.chosenImageFile
        }).progress(function(evt) {
            console.log('progress: ' + parseInt(100.0 * evt.loaded / evt.total));
        }).success(function(data, status, headers, config) {
            console.log(data);
        });
    }
});

更新

根据@Anupam Bhaskar的请求，我还在下面添加了一个文件上传dropzone的HTML代码：

<div ng-file-drop ng-if="!data.isUploading" ng-model="data.chosenImageFile" class="avatar-dropzone pull-left" drag-over-class="upload-dropzone" ng-file-change="avatarUpload.fileSelected('/upload_user_avatar', data.user, data)" multiple="false" allow-dir="true" accept="*">
   <div class="text-center upload-sign">+</div>
</div>