2017-03-25 6 views
-2

ポリマー1.0アイアン形式のアップロード画像は回避woes-他のデータを失っ

私は、ユーザーが彼らはまた、写真をアップロードするなど、テキストフィールド、ラジオボタンを、記入フォームを持っています。

鉄フォームがmutlipart /フォームデータをサポートしていないので、私はdescribed here

this.formData.addEventListener('iron-form-presubmit',()=> { 
     var bar = new FormData(); 
     bar.append('listingImage', this.binaryImages[0]); 
     this.formData.request.body = bar; 
     this.formData.request.contentType = undefined; 
    }); 

鉄形presubmitイベント機能/回避策を使用しています。これは、動作し、私は成功した私のサーバーに画像をアップロードすることができていますフォームデータを使用します。しかし、私は通常、本文にある他のフォームデータをすべて失います。テキストフィールド、ラジオボタンの選択など

アイアンフォームでは、既存のフォームデータを保持し、この回避策ですか?

答えて

1

イメージを追加して元のリクエストボディ(formData)を上書きする新しいFormDataを作成しています。新しいイメージを作成するのではなく、イメージを既存のリクエストボディに追加するだけです。

this.formData.addEventListener('iron-form-presubmit',()=> { 
    this.formData.request.body.append('listingImage', this.binaryImages[0]); 
}); 
+0

'this.formData.append( 'listingImage'、this.binaryImages [0]);は新しいフォームオブジェクトを作成せずに動作します。コンテンツタイプは 'Content-Type:text/plain; charset = UTF-8.'です。 – dman

関連する問題