Simon/ConvertX
1
0
Fork 0
mirror of https://github.com/C4illin/ConvertX.git synced 2026-06-28 06:55:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: progress bars on firefox

Browse Source
This commit is contained in:
C4illin
2025-06-03 18:23:26 +02:00
parent c830721e02
commit ff2c0057e8
2 changed files with 124 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/script.js
View File

@@ -17,20 +17,20 @@ dropZone.addEventListener("dragleave", () => {
});
dropZone.addEventListener("drop", (e) => {
e.preventDefault();
dropZone.classList.remove("dragover");
const files = e.dataTransfer.files;
if (files.length === 0) {
console.warn("No files dropped — likely a URL or unsupported source.");
return;
}
for (const file of files) {
console.log("Handling dropped file:", file.name);
handleFile(file);
}
e.preventDefault();
dropZone.classList.remove("dragover");
const files = e.dataTransfer.files;
if (files.length === 0) {
console.warn("No files dropped — likely a URL or unsupported source.");
return;
}
for (const file of files) {
console.log("Handling dropped file:", file.name);
handleFile(file);
}
});
// Extracted handleFile function for reusability in drag-and-drop and file input
@@ -40,7 +40,7 @@ function handleFile(file) {
const row = document.createElement("tr");
row.innerHTML = `
<td>${file.name}</td>
<td><progress max="100"></progress></td>
<td><progress max="100" class="inline-block h-2 appearance-none overflow-hidden rounded-full border-0 bg-neutral-700 bg-none text-accent-500 accent-accent-500 [&::-moz-progress-bar]:bg-accent-500 [&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:[background:none] [&[value]::-webkit-progress-value]:bg-accent-500 [&[value]::-webkit-progress-value]:transition-[inline-size]"></progress></td>
<td>${(file.size / 1024).toFixed(2)} kB</td>
<td><a onclick="deleteRow(this)">Remove</a></td>
`;
@@ -207,7 +207,7 @@ const uploadFile = (file) => {
const formData = new FormData();
formData.append("file", file, file.name);
let xhr = new XMLHttpRequest();
let xhr = new XMLHttpRequest();
xhr.open("POST", `${webroot}/upload`, true);