angular $ http投稿データとキー/値のデータ

Question

multerで処理するために、ノードサーバーからノードサーバーにファイルをアップロードする良い方法が見つかりました。画像のアップロードと処理は完全に機能しますが、このリクエストにキー/値のペアを添付します。残念ながら、私はこのフォームの投稿と一緒にこのリクエストにキーバリューのペアを付ける方法を知らない！

var files = document.getElementById("change-pic-input").files; 
var fd = new FormData(); 
       fd.append("file", files[0]) 
       uploadProfilePic(fd); 

      }); 

      var uploadProfilePic = function(fd) { 
       $http.post("/api/spot/pic/post", fd,{ 
        headers: {'Content-Type': undefined}, 
        transformRequest: angular.identity 
       }).then(
         function successCallback(response) { 
         console.log("Success post image") 
         }, function errorCallback(response) { 
          console.log("fail post image") 
         }); 

      }; 

これを修正するには、http httpの専門家または私よりスマートな人から聞きたいことがあります。

Answer 1

私はあなたのformData変数に別のデータを追加できると思います。次のように;

fd.append('key', value); 

または、そのリクエストでjsonデータを送信する場合。

fd.append('jsonData', { key: value }); 

バックエンド側。

私が知る限り、あなたはアップロードしたファイルにアクセスするためにreq.filesを使用します。今、私はあなたの要求の中であなたの他のデータに到達するためにreq.bodyを使用することができると思います。好き。 req.body.jsonDataまたはreq.body.key。可能であれば私が見つけた

Answer 2

最も基本的なソリューションは、サーバ側

value = req.query.key 

上

"/api/spot/pic/post?key=value" 

、その後のようなURLにパラメータを追加することで、私はよりよい解決策をいただければ幸いです。ありがとう。