美文网首页
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