Question

我正在使用Angular与Node，Express和Multer以及ng-file-upload。由于某种原因，我得到400（错误请求）http请求错误。我尝试了不同的东西，但这一切都回来了。这是代码示例。

HTML

<form  ng-controller="adminController" name="form">

带有验证的单张图片选择

提交

Angular app.js

$scope.submit = function() {
    $log.info($scope.file);


  if (  $scope.file) {
    $scope.upload($scope.file);

  }
};



// upload on file select or drop
$scope.upload = function (file) {
    Upload.upload({
        url: '/api/admin/photos',
         headers : {
        'Content-Type': 'multipart/form-data'
        },

        data: {file: file}
    }).then(function (resp) {
        console.log('Success ' + resp.config.data.file.name + 'uploaded. Response: ' + resp.data);
    }, function (resp) {
        console.log('Error status: ' + resp.status);
    }, function (evt) {
        var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
        console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name);
    });
};

节点js

//upload photos
apiRoutes.post('/admin/photos',upload.single(),function(req,res){
    console.log(req);
    res.json({name: 'this works'});
});

Answer 1

upload.single()应该是upload.single('file')，因为这是您用于上传的属性名称。另外，明确设置：

headers : {
  'Content-Type': 'multipart/form-data'
}

是不必要的。

如果仍然无效，您应该暂时删除upload.single('file')并确保首先到达您的路由处理程序（并且某些先前的中间件/路由处理程序尚未截获它）。

如何让ng-file-upload与Node一起使用？

1 个答案: