問題描述：在網頁開發過程中，當需要上傳附件（圖片，音訊，視訊等）時，常規方法是使用form表單進行提交，這裡總結一下form表單提交的幾種方法。

1.使用form表單進行提交

<form name="form名稱" action="請求地址"  method="請求型別" enctype ="multipart/form-data">
    <input type="file" name="">
    <input type="text" name="">
    <input type="submit" value="提交">
</form>
 

2.使用FormData物件

function editUserInfo() {
    var formData = new FormData(document.getElementById('editUserInfo'));
    $.ajax({
      url: url,
      type: method,
      data: formData,
      processData: false,
      contentType: false,
      xhrFields: {
        withCredentials: true
      },
      crossDomain: true
 
,
      success: function (obj) {
        // ...
      },
      error: function (obj) {
        // alert('伺服器請求失敗');
      }
    })
  }

3.使用jquery.form.js

• jquery.form.js是一個強大的表單外掛，其大量的提供了表單操作的各種簡便的方法
• 前提先引入jquery.form.js外掛

// ajaxSubmit提交form表單
  function updateUserInfo() {
    $('#表單ID').ajaxSubmit({
      url: url,
      type: 'POST'
 
,
      //data: $('表單ID').serialize(),
      //processData: false,
      //contentType: false,
      xhrFields: {
        withCredentials: true
      },
      crossDomain: true,
      success: function (obj) {
        // ...
      },
      error: function (obj) {
        // alert('伺服器請求失敗');
      }
    });
  }