利用Formdata實現form提交文件上傳不跳轉頁面

作者：幻月九十
鏈接：https://www.zhihu.com/question/19631256/answer/119911045
來源：知乎
著作權歸作者所有，轉載請聯系作者獲得授權。

$('form').submit(function (event) {
      event.preventDefault();
      var form = $(this);

      if (!form.hasClass('fupload')) {
        //普通表單
        $.ajax({
          type: form.attr('method'),
          url: form.attr('action'),
          data: form.serialize()
        }).success(function () {
          //成功提交
        }).fail(function (jqXHR, textStatus, errorThrown) {
          //錯誤信息
        });
      }
      else {
        // mulitipart form,如文件上傳類
        var formData = new FormData(this);
        $.ajax({
          type: form.attr('method'),
          url: form.attr('action'),
          data: formData,
          mimeType: "multipart/form-data",
          contentType: false,
          cache: false,
          processData: false
        }).success(function () {
          //成功提交
        }).fail(function (jqXHR, textStatus, errorThrown) {
          //錯誤信息
        });
      };
    });