在AngularJS中上传每个行表中的文件可以通过以下步骤实现:
<table>
<tr ng-repeat="file in files">
<td>
<input type="file" ng-model="file" />
</td>
<td>
<button ng-click="uploadFile(file)">上传</button>
</td>
</tr>
</table>
app.controller('FileUploadController', function($scope) {
$scope.files = [];
});
app.controller('FileUploadController', function($scope, $http) {
$scope.files = [];
$scope.uploadFile = function(file) {
var formData = new FormData();
formData.append('file', file);
$http.post('/upload', formData, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
}).then(function(response) {
// 处理上传成功的响应
}, function(error) {
// 处理上传失败的响应
});
};
});
在上述代码中,我们创建了一个FormData对象,并将文件附加到该对象中。然后,我们使用$http.post方法将FormData对象发送到服务器。需要注意的是,我们需要设置请求头的Content-Type为undefined,并将transformRequest设置为angular.identity,以确保文件以正确的格式发送到服务器。
综上所述,以上是在AngularJS中上传每个行表中的文件的步骤。这种方法可以用于在表格中动态添加多个文件上传功能,并将每个文件独立地上传到服务器。对于更多关于AngularJS的信息和示例,请参考腾讯云的AngularJS产品介绍链接:AngularJS产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云