angularjs - 使用包含其他表单数据的帖子上传带有 Angular 的文件

Question

我遵循了无数示例(来自此处和其他站点)，这些示例解释了如何将文件从 Angular 上传到 Web 服务器。我对使用 angular-file-upload 并使用 Multer 处理服务器(节点)上的数据的解决方案感到满意。

我还没有找到一种方法，可以通过包含所有其他 Controller 数据的帖子从表单上传文件。

Controller :

$scope.files = [];
$scope.name = "";
$scope.post = //$http post to server from service

看法:

<input type="text" ng-model="name">
<input type="file">
<button ng-click="post()">Send post without page refresh</button>

有没有办法可以在同一个帖子中发送 [name] 和 [files]？如果我发送多部分数据，[名称] 和 [文件] 可以吗？我需要发送两个单独的帖子吗？

目前，我的工作示例使用“post”表单操作和“multipart/form-data”enctype 提交。但我不希望页面刷新，我想从范围发送 [名称] 和 [文件]...我是否需要将表单中的文件附加到范围或获取范围以从中提取文件DOM？

Answer 1

您可以在上传前将 formData 推送到文件。

$scope.uploader.onBeforeUploadItem = function(fileItem) {
    fileItem.formData.push({name: $scope.name});
};