无法上传图片文件从ng-file-upload到web api

Question

我正在使用这个指令（ng--file-upload）来上传图片。
我需要包含图像文件到POST到ASP.NET Web API，但我没有任何成功。
这是我的服务器上的方法：

public async Task<HttpResponseMessage> SaveData([FromBody]PostModel data) 

当我发布的数据（从JS角）的所有资料都在这儿，除了上传文件：

$http({ 
      method: 'POST', 
      url: path, 
      data: data, 
      file: photoFile 
     }).then(function... 

我试图把它的数据还，但它始终为空。
如何发布并获取Web api上的图像文件？

正如我得到的回应：

"Invalid 'HttpContent' instance provided. It does not have a content type header starting with 'multipart/'. 
Parameter name: content" 

在此行中：

var provider = new MultipartMemoryStreamProvider(); 
      await Request.Content.ReadAsMultipartAsync(provider); 

var data = {    
      "Username": $scope.username, 
      transformRequest: angular.identity, 
      headers: { 'Content-Type': undefined } 
     }; 

     var fd = new FormData(); 
     fd.append('file', $scope.photoFile); 

     $http({ 
      method: 'POST', 
      url: 'path', fd, 
      data: data 
     }).the 

Answer 1

使用FormData API：

HTML：

<div class="button" ngf-select="upload($file)">Upload on file select</div> 

控制器：

$scope.upload = function (file) { 
    var fd = new FormData(); 
    fd.append('file', file); 

    //Append other data 
    //angular.forEach(data,function(v,k){ 
    // fd.append(k,v); 
    //}); 

    $http.post('your-upload-url', fd, { 
     transformRequest: angular.identity, 
     headers: {'Content-Type': undefined} 
    }) 
    .then(function(res){ 
     // get upload res 
    }); 
};