feat: made every upload file independent
This commit is contained in:
parent
ae4bbc8baa
commit
cc54bdcbe7
1 changed files with 13 additions and 10 deletions
|
|
@ -162,7 +162,9 @@ fileInput.addEventListener("change", (e) => {
|
||||||
fileNames.push(file.name);
|
fileNames.push(file.name);
|
||||||
}
|
}
|
||||||
|
|
||||||
uploadFiles(files);
|
for (const file of files) {
|
||||||
|
uploadFiles([file]);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const setTitle = () => {
|
const setTitle = () => {
|
||||||
|
|
@ -237,16 +239,17 @@ const uploadFiles = (files) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
xhr.upload.onprogress = (e) => {
|
xhr.upload.onprogress = (e) => {
|
||||||
//All files upload together are binded by the same progress. The loop should probably be on the call to this function to track each upload individually.
|
//All files upload together are binded by the same progress. The loop should probably be on the call to this function (uploadFiles) to track each upload individually.
|
||||||
let sent = e.loaded;
|
//This will consequently only allow a single file uploaded per request.
|
||||||
let total = e.total;
|
let sent = e.loaded;
|
||||||
console.log("upload progress:", (100 * sent) / total);
|
let total = e.total;
|
||||||
|
console.log(`upload progress (${files[0].name}):`, (100 * sent) / total);
|
||||||
|
|
||||||
for (const file of files) {
|
for (const file of files) {
|
||||||
let progressbar = file.htmlRow.getElementsByTagName("progress");
|
let progressbar = file.htmlRow.getElementsByTagName("progress");
|
||||||
progressbar[0].value = ((100 * sent) / total);
|
progressbar[0].value = ((100 * sent) / total);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
xhr.onerror = (e) => {
|
xhr.onerror = (e) => {
|
||||||
console.log(e);
|
console.log(e);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue