javascript - 如何在AngularJS中使用一些参数上传图像。和 asp.net web api

Question

我的 html 中有一个输入标签文件模式。但我不知道如何将其发送到服务器。有什么方法可以从 angularjs 发送图像路径为 "/Image/img.jpg" (image 是我想保存图像的文件夹)。因为我还获得了图像描述和图像位置。位置和描述正确传递到我的 asp.net web api Controller 。但图像路径始终为空。我尝试了很多例子。但这对我没有帮助。所有教程仅涉及上传部分。我还需要发送描述和位置。有人可以帮我解决这个问题吗？

我的 HTML

  <input class="form-control" type="text" value="Image Name" id="example-text-input" ng-model="Description">
  <input type="file" fd-input />
  <select ng-model="Location" ng-selected="Location" class="form-control" id="Location" >
   <button type="button" class="btn btn-info" ng-click="AddImage()">Save </button>

Angular Controller

 $scope.AddImage= function () {


        var dataObj = {
            Id: $scope.Id,
            Description: $scope.Description,
           // Path: $scope.Path,
            Location: $scope.Location,

        };

        var request = $http({
            method: 'POST',
            url: urls.api + 'Banner/AddImage',
            //data: JSON.stringify(dataObj)
            data: dataObj

        }).success(function (data, status) {
            alert('saved succesfully');
        })

Answer 1

您需要点击此链接

Angular 文件上传:https://stackoverflow.com/a/25264008/1365663

在 API 中保存多部分表单数据:https://stackoverflow.com/a/28370216/1365663