Add link in progress div

This commit is contained in:
lionel 2021-01-11 14:38:37 +01:00
parent 4ab7aa7e1c
commit 9e0bb0963f

View File

@ -190,7 +190,7 @@ function downloadFile(event) {
xhr.addEventListener("loadstart", function(e){
this.progressId = progressId;
this.name = title;
$("#transProgress").append('<div class="progress" id="' + this.progressId + '" ><i class="fa fa-download"></i><span class="name"></span><progress value="0" max="100"></progress><span class="speed"></span></div>');
$("#transProgress").append('<div class="progress" id="' + this.progressId + '" ><i class="fa fa-download"></i><a class="name"></a><progress value="0" max="100"></progress><span class="speed"></span></div>');
});
xhr.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
@ -202,7 +202,7 @@ function downloadFile(event) {
var speedMB = speed.toFixed(2) + ' MB/s ';
$('#' + this.progressId + ' > .name').text(this.name);
$('#' + this.progressId + ' > progress').prop('value', percentComplete);
$('#' + this.progressId + ' > progress').prop('value', percentComplete);
$('#' + this.progressId + ' > .speed').text(speedMB + humanFileSize(fileLoad) + ' / ' + humanFileSize(fileSize));
}
}, false);
@ -221,12 +221,16 @@ function downloadFile(event) {
success: function(data){
lock = 0;
var blob = data;
var a = document.createElement("a");
var blobUrl = window.URL.createObjectURL(new Blob([blob], {type: blob.type}));
console.log(blobUrl);
$('#' + progressId + ' > .name').attr("href", blobUrl);
$('#' + progressId + ' > .name').attr("download", title);
var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
a.href = blobUrl;
console.log(blobUrl);
a.download = title;
a.click();
a.remove();