2017-01-17 39 views
1

フェッチとリアクションとレデックスを使用してデータ(ファイルとjson)をサーバーに送信しようとしています。したがって、私はJSONデータやファイルを持つ一つの大きなオブジェクト(写真、文書を持ってフェッチを使用してファイルとjsonデータを送信する

enter image description here

export function saveUser(user){ 
    return function(dispatch){ 

    fetch(`${data.ROOT_URL}/save-user/`, { 
     method: 'post', 
     // body: How??? 
    }) 
     .then(response => { 

      if (response.status !== 200) { 
       console.log('Looks like there was a problem. Status Code: ' + response.status); 
       return; 
      } 

      console.log('You are successfully registered!: ' + response.status); 
     }) 

     .catch(function (error) { 
      console.log(error); 
     }); 
    } 
} 

、次のようにユーザデータは次のとおりです。次のように

私のコードです)、私はそれをサーバーに送ることができません。

提案がありますか?

EDIT

headers: { 
     'Content-Type': 'application/json' 
}, 
body: JSON.stringify(user) 

追加した後のデータの残りの部分はOKですが、私はアップロードされたファイルを取得する必要がありますファイル、のために、私は、ファイルのための唯一の空のオブジェクトを取得していますアップロードされます。ファイルがアップロードされていない場合は、fileの値はnullである必要があります。

"files":[ 
    {"file_type":"statutenFile","values":{"active":false,"fileName":"Articles of Association","file":null}}, 
    {"file_type":"blankLetterheadFile","values":{"active":false,"fileName":"Blank letterhead","file":null}}, 
    {"file_type":"companyPhotoFile","values":{"active":false,"fileName":"Company photo","file":null}}, 
    {"file_type":"idCardFile","values":{"active":true,"fileName":"check","file":{}}} 
] 

最後の1 idCardFileアップロードされたが、私はあなたが送っているデータ記述ヘッダ含める必要はあり"file":{}

答えて

0

を取得している:JSONを。そして、このオブジェクトを文字列化してサーバーに送ります。

export function saveUser(user){ 
    return function(dispatch){ 

    fetch(`${data.ROOT_URL}/save-user/`, { 
     method: 'post', 
     headers: { 
     'Content-Type': 'application/json' 
     }, 
     body: JSON.stringify(user) 
    }) 
    ... 
} 
+0

これは機能しません。 'file'はアップロードされていても空のオブジェクトです – Boky

関連する問題