如何在angularjs中上传带有一些参数的图像。和asp.net web api

时间:2017-04-05 05:23:18

标签: javascript asp.net angularjs asp.net-web-api

我的html中有一个输入标签文件模式。但我不知道如何将其发送到服务器。有没有办法从angularjs发送图像路径为"/Image/img.jpg"(图像是我要保存图像的文件夹)。因为我也获得了图像描述和imageLocation。位置和描述正确传递给我的asp.net web api控制器。但图像路径始终为空。我尝试了很多例子。但它没有帮助我。所有教程仅引用上传部分。我还需要发送描述和位置。会请任何人帮我解决这个问题吗?

我的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>

角度控制器

 $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');
        })

1 个答案:

答案 0 :(得分:0)

您需要关注此链接

Angular File Upload:https://stackoverflow.com/a/25264008/1365663

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