Polymer:iron形成如何通过文件上传将参数附加到url

时间:2017-10-05 18:45:05

标签: polymer polymer-1.0 iron-form

我正在尝试创建一个表单条目,其中用户选择某些参数,如日期和文件类型,并上传文件,当他点击上传时,参数应该附加到url,是否可以发送多部分表单这样的数据还是你必须把它发送到体内?

<form id="form" is="iron-form" on-iron-form-presubmit="_presubmit" on-iron-form-response="_handleResponse" method="POST" action="/idp/ui/api/addAsset" keytest="Hello" content-type="multipart/form-data">



  <paper-dropdown-menu on-iron-select="_itemSelected">
  <paper-listbox slot="dropdown-content" selected="0">
   <paper-item>file1</paper-item>
   <paper-item>file2</paper-item>
   <paper-item>file3</paper-item>
   <paper-item>file3</paper-item>


  </paper-listbox>
  </paper-dropdown-menu>

 <paper-input name="AquisitionDate"  label="ACQUISITION DATE *" 
  placeholder="YYYY-MM-DD" always-float-label  error-message="please enter 
  numbers!"></paper-input>

 <paper-input name="filetype" type="file" accept="image/*" required></paper-
 input>


 <div id="container">
 <paper-button on-tap="_submit" raised class="indigo">upload</paper-button>
 </div>
 </form>

我试图在_presubmit函数中附加参数

_presubmit:function(){
var body = this.$.form.request.body.AquisitionDate;
this.$.form.action='/idp/ui/api/addAsset'
+'?'+'file='+this.fileName+'&'+'date=+body;
console.log('form url:',this.$.form.action);
console.log(this.fileName+body);
}

但是当我提交表单时,只有api被命中而不是参数, 我应该如何处理铁形式的文件上传,以便我可以在url中将输入值作为参数发送?

1 个答案:

答案 0 :(得分:1)

您可以使用以下代码作为示例:

this.$.form.request.params['paramName'] = 'paramValue';