2017-08-25 6 views
0

webapi 2で角度アプリを開発しており、入力フォームに入力値が含まれています。私は複数の値を含むオブジェクトを返す「添付画像ファイルenter image description hereanglejsのng-modelをフィルタリングする方法

「album.picture」オブジェクト「アルバム」、角度POSTメソッドにコード上

enter code here 



<form> 
      <div class="form-group row"> 
       <label for="inputAName" class="col-sm-3 col-form-label">Album Name</label> 
       <div class="col-sm-8"> 
        <input type="text" class="form-control" id="inputEmail3" placeholder="AlbumName" ng-model="album.Albm_Name"> 
       </div> 
      </div> 
      <div class="form-group row"> 
       <label for="inputPassword3" class="col-sm-3 col-form-label">Music Artist</label> 
       <div class="col-sm-8"> 
        <select ng-model="album.Aritist_id"> 
         <option ng-repeat="Artist in Artists" value="{{Artist.Artist_id}}">{{Artist.Artist_Name}}</option> 
        </select> 
       </div> 

      </div> 

      <div class="form-group row"> 
       <label for="inputRdate" class="col-sm-3 col-form-label">Released Date</label> 
       <div class="col-sm-8"> 
        <input type="date" class="form-control" id="inputPassword3" placeholder="date" ng-model="album.RelaeseDate"> 
       </div> 
      </div> 

      <div class="form-group row"> 
       <label for="inputImg" class="col-sm-3 col-form-label">Image of Album</label> 
       <div class="col-sm-8"> 
        <input type="file" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp" name="file" 
          ng-model="album.picture" base-sixty-four-input required onload="onLoad" maxsize="500" accept="image/*"> 

       </div> 
      </div>for 

      <div class="form-group row"> 
       <div class="col-sm-offset-9 col-sm-2"> 
        <button type="submit" class="btn btn-primary" ng-click="insertAlbum(album)">Save</button> 
       </div> 
      </div> 
     </form> 

を通過NGモデル=への入力値をカプセル化します

は、私はちょうど私がここに解決策 を見つけたことがあるビュー

$scope.insertAlbum = function (album) { 
      var urlAlbum = 'http://localhost:8090/api/album'; 
      dataService.insertObject(urlAlbum, album).then(function (responce) { 
       alert("Success"); 
      }, function (eror) { 

       alert(eror.message); 
      }); 
     } 

public partial class tblAlbum 
{ 
    public tblAlbum() 
    { 
     this.tblTracks = new HashSet<tblTrack>(); 
    } 

    public int Albm_id { get; set; } 
    public Nullable<int> Aritist_id { get; set; } 
    public string Albm_Name { get; set; } 
    public Nullable<System.DateTime> RelaeseDate { get; set; } 
    public byte[] picture { get; set; } 

    public virtual tblArtist tblArtist { get; set; } 
    public virtual ICollection<tblTrack> tblTracks { get; set; } 
} 

答えて

0

からアルバムオブジェクトを壊すことなく、唯一の私は を行うのですか、base64文字列値が含まれているalbum.pictureフィルタリングする必要があります。

$scope.insertAlbum = function (album) { 
      var urlAlbum = 'http://localhost:8090/api/album'; 
      album.picture = $scope.file.base64; 
      dataService.insertObject(urlAlbum, album).then(function (responce) { 
       alert("Success"); 
      }, function (eror) { 

       alert(eror.message); 
      }); 
     } 

手動で私は$スコープ

を使用して、画像のプロパティとasignedビュー入力値を作成
関連する問題