どのようWEBAPIモデル（ポストアクション）

Question

サーバー側のコードでHttpPostedFileBaseを使用するには？

$http.post("api/upload",{ 
    Id: 1, 
    From_UserId: 1, 
    Text: "First File", 
    Files: [file1, file2, file3] //<-These are the ones obtained through file type input 
}) 

追加情報：Azure Storageを使用してアップロードされたファイルを保存する。

Answer 1

ここにはそのための素晴らしい指示があります。 ng-file-upload

ここにはDemo using Asp.net WebApiがあります。

JS

//inject directives and services. 
var app = angular.module('fileUpload', ['ngFileUpload']); 

app.controller('MyCtrl', ['$scope', 'Upload', function ($scope, Upload) { 
    // upload later on form submit or something similar 
    $scope.submit = function() { 
     if ($scope.form.file.$valid && $scope.file) { 
     $scope.upload($scope.file); 
     } 
    }; 

    // upload on file select or drop 
    $scope.upload = function (file) { 
     Upload.upload({ 
      url: 'upload/url', 
      data: {file: file, 'username': $scope.username} 
     }).then(function (resp) { 
      console.log('Success ' + resp.config.data.file.name + 'uploaded. Response: ' + resp.data); 
     }, function (resp) { 
      console.log('Error status: ' + resp.status); 
     }, function (evt) { 
      var progressPercentage = parseInt(100.0 * evt.loaded/evt.total); 
      console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name); 
     }); 
    }; 
    // for multiple files: 
    $scope.uploadFiles = function (files) { 
     if (files && files.length) { 
     for (var i = 0; i < files.length; i++) { 
      Upload.upload({..., data: {file: files[i]}, ...})...; 
     } 
     // or send them all together for HTML5 browsers: 
     Upload.upload({..., data: {file: files}, ...})...; 
     } 
    } 
}]);