账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue.js 如何提交form?
    36
    0

    RT,我用的是vue.js + axios + formdata。但是每次我post的时候,只能将file这个文件post到后端,而参数得到的总是空,不知道应该如何修改?
    我的form:

    <form action=""  method="post" id="myForm"  enctype="multipart/form-data">
          <lable for="p1">p1:  </lable>
          <input type="text" name="p1" id="hbaseTablePut" v-model="p1">
          <lable for="p2">p2: </lable>
          <input type="text" name="p2" id="p2" v-model="p2" >
        
          <label  class="the-submit">
              <input type="file" id="file" ref="file" v-on:change="handleFileUpload($event)">
          </label>
          <button v-on:click="submitFile($event)">submit</button>
     </form>

    script:

    data(){
              return{
               p1:'',
               p2:''
    
              }
    submitFile(event){
                    event.preventDefault();
    
                    let formData = new FormData();
                    formData.append('p1', this.p1);
                    formData.append('p2',  this.p2);
                    formData.append('file', this.file);
                    let config = {
                      headers:{'Content-Type':'multipart/form-data'}
                    };
    
    
                    axios.post("/parser/upload", formData, config
                      ).then(rst =>{
                        //var res = rst.data;
                         //this.fileUpRes = res;
                        console.log('SUCCESS');
                    })
                        .catch(function(){
                          this.fileUpRes = 'failed';
                          console.log('FAILURE!!');
                        });
              },
    
                handleFileUpload(event){
                      event.preventDefault();
                      this.file = this.$refs.file.files[0];
    
                    },

    每次用formdata.append的时候,在后端(node.js)后台接收显示的时候,总是只有file能接受到,显示的p1,p2总是{}空的,不知道哪里出了问题?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部