axios頁面無刷新提交from表單

頁面部分大概意思一下

<form method="post"  enctype="multipart/form-data">
        ...  
</form>

axios部分代碼以vue示例：

//提交表單
    onSubmit(e) {
      e = e || event;
      e.preventDefault();
      let self = this;
      let formData = new FormData();
      formData.append("idCard", self.cardImageFile);//文件
      formData.append("idType", "1");
      formData.append("idNumber", self.cardNo);

      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      self.$http.post("/upload", formData, config).then(
        function(response) {
          if (response.data.code == 200 && response.data.success) {
            /*這里做處理*/
          }
        },
        response => {}
      );
    },

文件在onchange事件里面取file

無刷新提交表單到此就結束了