铁形上传图片困扰 - 解决其他数据丢失问题

时间:2017-03-25 02:54:54

标签: polymer polymer-1.0

聚合物1.0

我有一个表单,用户填写文本字段,单选按钮等。他们还上传照片。

由于铁形不支持mutlipart / form-data,我使用的是铁形式的预提交事件功能/解决方法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;
    });

这有效,我可以使用表单数据将图像成功上传到我的服务器。但是,我放弃了通常在正文中的所有其他表单数据...文本字段,单选按钮选择等。

是否可以使用铁形式保留现有表单数据并将图像附加到此变通方法中?

1 个答案:

答案 0 :(得分:1)

您正在创建一个新的FormData,您可以在其中添加图像,然后覆盖原始请求正文(formData)。您应该只将图像附加到现有的请求正文,而不是创建一个新图像。

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