zoukankan      html  css  js  c++  java
  • 利用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) {
              //错误信息
            });
          };
        });
  • 相关阅读:
    C++ 值传递、指针传递、引用传递
    typedef与#define的区别
    const与#define的区别
    头文件重复引用
    多态
    ng双向数据绑定
    angular响应式编程
    angular的一些问题
    npm install 权限的问题
    typescript的入门
  • 原文地址:https://www.cnblogs.com/fashflying/p/6076708.html
Copyright © 2011-2022 走看看