FormDataに複数のオブジェクトを追加する方法

Question

画像をうまくアップロードできます。しかし、私はイメージがどのレコードに属しているかを識別できるように、イメージと共にjsonオブジェクトを送る必要があります。私は間違って何をしていますか？変数情報がサービスのJava側でnullとなるのはなぜですか？

クライアント：

let file = event.target.files[0]; 
let info = {formId:8, formVersionId:2, formIndex:0}; 
var formData = new FormData(); 
      formData.append('file', file); 
      formData.append('info', info); 
      $.ajax({ 
       url: URL.BUILDER_URL + '/megaUpload', 
       type: 'POST', 
       data : formData, 
       cache : false, 
       contentType : false, 
       processData : false, 
      }); 

サーバー：

public Response uploadFile(@FormDataParam("file") InputStream uploadedInputStream, 
           @FormDataParam("file") FormDataContentDisposition fileDetail, 
           @FormDataParam("info") GuiCreateResponse info) { 
} 

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/FormData/append

ここでは明らかに いるFormData値がいずれかの文字列またはBLOBすることができ、と述べています。

let file = event.target.files[0]; 
var formData = new FormData(); 
      formData.append('file', file); 
      formData.append('formId', '8'); 
      formData.append('formVersionId', '2'); 
      formData.append('formIndex', '0'); 

これは問題を解決するはずです。

Answer 2

あなたはformIdを使用しているが、あなたはおそらく"formId"として引用符で囲むたいです。このコードを試してください。

let file = event.target.files[0]; 
let info = {"formId":8, "formVersionId":2, "formIndex":0}; //See changes here 
var formData = new FormData(); 
      formData.append('file', file); 
      formData.append('info', info); 
      $.ajax({ 
       url: URL.BUILDER_URL + '/megaUpload', 
       type: 'POST', 
       data : formData, 
       cache : false, 
       contentType : false, 
       processData : false, 
      }); 

Answer 3

おそらくこれが問題です。 docsは、「append（）メソッドを使用する場合、3番目のオプションのパラメータを使用して、サーバーに送信されるContent-Dispositionヘッダー内でファイル名を渡すことができます。サポートされている）、名前 "blob"が使用されます。

3番目のパラメータを指定しないので、FormDataContentDispositionが "blob"を探す必要があると考えています。サーバの注釈を変更してその名前を確認してみてください：

public Response uploadFile(@FormDataParam("file") InputStream uploadedInputStream, 
          @FormDataParam("blob") FormDataContentDisposition fileDetail, 
          @FormDataParam("info") GuiCreateResponse info)