ajax上传进度条onprogress

主要还是用到XMLhttprequest的onprogress监听函数实现

var formData = new FormData();
formData.append("file", e);
formData.append("musicName", songName);
formData.append("singerName", songer);
formData.append("roomId", getParams('roomid'));
$.ajax({
    headers: {
        "userToken": userToken //此处放置请求到的用户token
    },
    url: '/api2' + basePath + API.uploadMusicByRoomId,
    /*接口域名地址*/
    // url: 'http://10.10.7.237:8080/music/uploadMusic', /*接口域名地址*/
    type: 'post',
    data: formData,
    contentType: false,
    processData: false,
    beforeSend: function() {
        $('.area').text('上传中');
    },
    xhr:function() {
        var xhr = $.ajaxSettings.xhr();
        if (xhr.upload) {
            xhr.upload.onprogress = function(e) {

                if (e.lengthComputable) {

                    var percent = Math.floor( e.loaded / e.total * 100);
                    console.log(percent);

                }
            };
        }
        return xhr;
    },
    success: function(res) {
       
    },
    error: function(res) {
       
    }
})