美文网首页
JQ ajax上传带进度

JQ ajax上传带进度

作者: 莫奈的有趣灵魂 | 来源:发表于2020-04-07 10:23 被阅读0次
    $.ajax({
        url: "你的|上传地址",
        type: 'POST',
        dataType: 'JSON',
        data: formData,
        timeout: 1200000,
        cache: false,  //默认是true,但是一般不做缓存
        processData: false, //用于对data参数进行序列化处理,这里必须false;如果是true,就会将FormData转换为String类型
        contentType: false,  //一些文件上传http协议的关系,自行百度,如果上传的有文件,那么只能设置为false
    //重要部分 satrt *****************************
        xhr: function () { //获取ajaxSettings中的xhr对象,为它的upload属性绑定progress事件的处理函数
            myXhr = $.ajaxSettings.xhr();
            if (myXhr.upload) { //检查upload属性是否存在
                //绑定progress事件的回调函数
                // myXhr.upload.addEventListener('progress', progressHandlingFunction, false);
                myXhr.upload.addEventListener('progress', function(e){
                    var curr = e.loaded;
                    var total = e.total;
                    process = parseInt(curr / total * 100);
                    //process 就是百分比进度
                    console.log(process)
                });
            }
            return myXhr; //xhr对象返回给jQuery使用
        },
    //重要部分 end *****************************
        success: function(res){
            console.log(res)
        },
        error: function(e){
            console.log(e)
        }
    });
    }else{
    showErrorMsg(res.msg);
    }
    },
    error: function(e){
    showErrorMsg(e);
    }
    });
    

    相关文章

      网友评论

          本文标题:JQ ajax上传带进度

          本文链接:https://www.haomeiwen.com/subject/udrgphtx.html