anglejs httpサービスを使用してフォームデータを送信

Question

ユーザーフォームデータを送信する必要があります。私はajaxSubmitを使用してこれを行いましたが、アプリケーションにもう1つの新しいJSファイルを追加します。私はこれをanglejs httpサービスを使って実現したいと思います。私の質問は、ajaxSubmitを使用することで、私はuserId idリクエスト本体を送信する必要があり、フォームデータはajaxSubmitメソッドitselftで処理されることです。私はajaxSubmitのやり方でデータを送信したいだけです。

HTML

<form role="form" action="profile_pic"> 
     <div class="cover-50 pull-left pos-relative upload-photo"> 
     <input type="file" onchange="angular.element(this).scope().uploadProfilePic(this)" accept="images/*" capture> 
     <label>Upload Media</label> 
     </div> 
</form> 

コントローラ

$scope.uploadProfilePic = function(){ 
    $http({ 
    'method': 'POST', 
     'url': /upload/user/image, 
     'data': { 
     'userId' : 457 
     }, 
}); 

// $form.ajaxSubmit({ 
    //  type : 'POST', 
    //  url : '/upload/user/image', 
    //  data : { 
    //  'userId' : 457 
    //  } 
    // }); 
} 

Answer 1

あなたは$httpポストを通じて送信するために追加のプロパティを追加するFormData()を使用することができます。

var data = new FormData(); 
data.append('userId', 457); 
data.append('file', uploadFileUrl); 
data.append('abc', "XYZ"); 

return $http.post('/upload/user/image', data, { 
    transformRequest: angular.identity, 
    headers: { 'Content-Type': undefined } 
}).then(function (results) { 
    //results.data  
});