Ajax上传文件时获取上传文件时的进度-马克笔记

Ajax上传文件时获取上传文件时的进度

有时候我们需要封装一下上传进度效果，简单的小demo，记录一下

var files = $(this).get(0).files;
var formData = new FormData();
formData.append("file",files);
$.ajax({
    type:'post',
    url:'posturl',
    data: formData,
    processData:false,//*
    contentType:false,//*
    xhr: function(){ 
        myXhr = $.ajaxSettings.xhr();
        if (myXhr.upload){  // check if upload property exists  
            myXhr.upload.addEventListener( 'progress' , function(e){  
                var  loaded = e.loaded; //已经上传大小情况
                var  tot = e.total; //附件总大小
                var  per =  Math .floor( 100 *loaded/tot);  //已经上传的百分比
                consoel.log(pre,loaded,tot)
            },  false );  // for handling the progress of the upload
        } 
        return  myXhr; 
    },
    success:function(data){
        console.log('上传成功')
    }
})