my

templates/index3.html

@@ -81,12 +81,31 @@
         const downloadCsvButton = document.getElementById('download-csv');
         const downloadImageButton = document.getElementById('download-image');
 
-        // Listen for file selection and trigger page refresh
+        // Listen for file selection and temporarily store it in localStorage
         invoiceInput.addEventListener('change', () => {
-            // Reload the page when a file is selected
-            window.location.reload();
+            const file = invoiceInput.files[0];
+            if (file) {
+                const fileData = URL.createObjectURL(file);
+                localStorage.setItem('selectedFile', fileData);
+                window.location.reload(); // Trigger page reload
+            }
         });
 
+        // Check if a file is stored in localStorage upon page reload
+        window.onload = () => {
+            const storedFile = localStorage.getItem('selectedFile');
+            if (storedFile) {
+                // Reassign the selected file URL back to the file input
+                const fakeFile = new File([storedFile], "fakeFile.jpg", {type: "image/*"});
+                const dataTransfer = new DataTransfer();
+                dataTransfer.items.add(fakeFile);
+                invoiceInput.files = dataTransfer.files;
+
+                // Clean up localStorage
+                localStorage.removeItem('selectedFile');
+            }
+        };
+
         uploadBtn.addEventListener('click', () => {
             const file = invoiceInput.files[0];
             if (!file) return alert('Please select a file.');