文件上传不适用于 Angular 和 Node.JS

Question

我在上传文件以使用 Angular ng-File-Upload 模块和我的 Node.js 服务器时遇到问题。在示例中，它说我应该能够通过“文件”或“文件”属性（req.file 或 req.files）访问客户端请求中遇到的文件。但是，请求时的此类属性是“未定义的”而且我在客户端请求中找不到文件的痕迹。

我的客户端代码如下所示：

$scope.addFiles = function(files){
        console.log(files);
        $scope.information.files = files;
            Upload.upload({
                url: 'http://www.uploadURL.com/uploadFiles',
                file: files
            }).progress(function(evt){
                console.log('progress: ' + parseInt(100.0 * evt.loaded / evt.total) + '% file :'+ evt.config.file.name);
            }).success(function(data, status){
                console.log('data '+ data);
                console.log('status '+status);
            }).error(function(data, status){
                console.log('bad data '+ data);
                console.log('bad status '+ data);
            });
        }
    };

用于上传的 HTML 行如下所示：

<button class="btn btn-primary btn-lg btn-block uploadButton" type="file" ngf-select="addFiles($files)" multiple accept="*"> Select Files</button>

服务器端目前是这样的：

app.post('/uploadFiles', function(req, res){
        var tempfiles = [];
        console.log(req.file);
        console.log(req.files);
});

以上两个控制台日志都返回“未定义”。如果有人对如何解决此问题/更好的文件上传方法有任何想法，我将不胜感激。

Answer 1

post 数据在请求的正文中，您需要 body-parser 中间件来解析 post 数据并将其设置为请求中的字段。签出this