利用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) {
          //错误信息
        });
      };
    });
原文地址:https://www.cnblogs.com/fashflying/p/6076708.html