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) {
}
})