mirror of
https://gitlab.com/crafty-controller/crafty-4.git
synced 2024-08-30 18:23:09 +00:00
Add upload progress bar for file uploads
This commit is contained in:
parent
3eeb00e524
commit
238b8da4d9
@ -705,6 +705,15 @@
|
|||||||
let mimeType = file.type
|
let mimeType = file.type
|
||||||
let size = file.size
|
let size = file.size
|
||||||
|
|
||||||
|
xmlHttpRequest.upload.addEventListener('progress', function (e) {
|
||||||
|
|
||||||
|
if (e.loaded <= size) {
|
||||||
|
var percent = Math.round(e.loaded / size * 100);
|
||||||
|
$(`#upload-progress-bar-${i + 1}`).css('width', percent + '%');
|
||||||
|
$(`#upload-progress-bar-${i + 1}`).html(percent + '%');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
xmlHttpRequest.open('POST', target, true);
|
xmlHttpRequest.open('POST', target, true);
|
||||||
xmlHttpRequest.setRequestHeader('X-Content-Type', mimeType);
|
xmlHttpRequest.setRequestHeader('X-Content-Type', mimeType);
|
||||||
xmlHttpRequest.setRequestHeader('X-XSRFToken', token);
|
xmlHttpRequest.setRequestHeader('X-XSRFToken', token);
|
||||||
@ -826,7 +835,7 @@
|
|||||||
|
|
||||||
await sendFile(files.files[i], path, serverId, nFiles - i - 1, i, (progress) => {
|
await sendFile(files.files[i], path, serverId, nFiles - i - 1, i, (progress) => {
|
||||||
$(`#upload-progress-bar-${i + 1}`).attr('aria-valuenow', progress)
|
$(`#upload-progress-bar-${i + 1}`).attr('aria-valuenow', progress)
|
||||||
$(`#upload-progress-bar-${i + 1}`).css('width', progress + '%')
|
$(`#upload-progress-bar-${i + 1}`).css('width', progress + '%');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
hideUploadBox();
|
hideUploadBox();
|
||||||
|
Loading…
x
Reference in New Issue
Block a user