尝试使用Angular $ http通过表单异步提交文件

Question

我正在尝试通过Angular异步提交文件。 这是HTML：

<form ng-submit="videoSubmit()">
    <input id="upl-0"  type="file" name="upl" accept="video/ogg, video/mp4, video/webm">
    <input type="submit" value='Submit' />
</form>

我的角度代码：

 $scope.videoSubmit = function() {

    var file = document.getElementById('upl-0').files[0];

    var formData = new FormData();
    console.log(file);
    formData.append("upl", file, file.name);
    console.log(formData);
    console.log(formData.getAll("upl"));

    $http({
            method: 'POST',
            url: "api/asset/upload-test",
            data: formData,
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        })
        .then(function(result) {
            console.log(result);
        });
 };

这肯定会将文件附加到formData对象，因为它在控制台中显示了正确的文件数据。

现在，我想在服务器上对此进行操作，但是与此同时，我只想真正使它工作，所以这就是服务器上的全部内容：

 router.post('/api/asset/upload-test', function(req, res) {
    console.log(req.data);
    console.log(req.body);
 });

但是，服务器不知何故不接收文件，对req.data显示undefined对req.body显示{} 。 为什么这样做以及如何在同一实现中实际使用它，而不必使用诸如base64之类的东西对文件进行编码或解码。 谢谢。

Answer 1

应该在req.files中，并且为此，您需要使用express.bodyParser（）。 如果您当然使用快递。