使用角度上传后使用节点存储图像

Question

我正在使用平均堆栈创建一个 Web 应用程序，任何用户都可以在其中上传图像，并将其存储在 mongo db 或服务器系统的文件夹中。 我正在使用angular-file-upload 上传图片。问题出现在 nodejs 部分，当我尝试打印 req.body 时，它显示的是一个空对象。

HTML代码：<input type="file" ng-file-select="onFileSelect($files)" >

角度代码：

$scope.onFileSelect = function($files) {
        for (var i = 0; i < $files.length; i++) {
          var file = $files[i];
          console.log(file);
          $scope.upload = $upload.upload({
            url: '/imagePost/'+Global.user._id, 
             method: 'POST' ,

            data: {myObj: 'image'},
            file: file, 
          }).progress(function(evt) {
            console.log('percent: ' + parseInt(100.0 * evt.loaded / evt.total));
          }).success(function(data, status, headers, config) {
            console.log('success');
          });
          }

      };

节点代码：

app.post('/imagePost/:userid',function(req,res){

 console.log('I came here');
 console.log(req.body);
 res.send('');
});

在这里我只是尝试打印请求正文，但我得到一个空对象。我包括了所有依赖项。 如果这不起作用，我觉得做的是读取图像并在请求中发送它并在节点代码中创建一个新图像，以后可以将其存储在一个文件夹中。 但是为什么我在请求正文中没有得到任何对象。请帮帮我..

Answer 1

我认为您使用的是 Express v4.x

如果是，你会在 req.body 中得到空对象，因为从 Express 4 开始，bodyParser 已被弃用并被 body-parser 取代。

了解从 v3 到 v4 的迁移 here

• 正文解析器

只支持urlencoded和json，不再支持multipart，如果要使用multipart需要单独添加

您需要 multipart 曾经受 bodyParser 支持，以便从您的客户端接收文件

您可以使用以下任何一种；

1. busboy（推荐，因为它很快）
2. 多方
3. mutler（busboy 的包装器，让你的编码生活更轻松
4. 强大