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

我已经关注了无数的例子(来自这里和其他网站),解释了如何将文件从Angular上传到Web服务器.我对使用角度文件上传和使用Multer处理服务器(节点)上的数据的解决方案感到满意.

我无法找到的是一种从包含所有其他控制器数据的帖子上传文件方法.

控制器:

$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.但我不希望页面刷新,我想从范围发送[name]和[files] …我是否需要将表单中的文件附加到范围或获取范围以从中提取文件DOM?

解决方法

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

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

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...