美文网首页
jQuery 上传文件进度获取

jQuery 上传文件进度获取

作者: Sasoli | 来源:发表于2018-03-01 17:26 被阅读0次
    $.ajax({ 
        url: "/uploadurl", 
        type: "POST", 
        data: formData, 
        processData: false, // 不要对data参数进行序列化处理,默认为true
        contentType: false, // 不要设置Content-Type请求头,因为文件数据是以     multipart/form-data 来编码
        xhr: function(){
            myXhr = $.ajaxSettings.xhr();
            if(myXhr.upload){
              myXhr.upload.addEventListener('progress',function(e) {
                if (e.lengthComputable) {
                  var percent = Math.floor(e.loaded/e.total*100);
                  if(percent <= 100) {
                    $("#J_progress_bar").progress('set progress', percent);
                    $("#J_progress_label").html('已上传:'+percent+'%');
                  }
                  if(percent >= 100) {
                    $("#J_progress_label").html('文件上传完毕,请等待...');
                    $("#J_progress_label").addClass('success');
                  }
                }
              }, false);
            }
            return myXhr;
        },
        success: function(res){ 
        // 请求成功
        },
        error: function(res) {
        // 请求失败
            console.log(res);
        }
    }); 

    相关文章

      网友评论

          本文标题:jQuery 上传文件进度获取

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