ajax上传进度条onprogress

2020-10-15    分类: 前端资源

主要还是用到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) {

}

})

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐