Update templates/compress.html

templates/compress.html

@@ -168,9 +168,9 @@
     <form style="display: none;" id="uploadForm" enctype="multipart/form-data">
       <label>Compression Type:</label>
       <select name="preset" id="preset">
-        <option value="low">Low</option>
-        <option value="medium">Medium</option>
-        <option value="high">High</option>
+        <option value="low">Low (10%) Compression</option>
+        <option value="medium">Medium (20%) Compression</option>
+        <option value="high">High (%70) Compression</option>
         <option value="custom" selected>Custom Size</option>
       </select>
 
@@ -190,13 +190,11 @@
   <!-- PDF.js -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
   <script>
-    //const dropArea = document.getElementById("dropArea");
     const fileInput = document.getElementById("fileInput");
     const preview = document.getElementById("preview");
     let sizeKB_temp;
 
-    // Drag & Drop
-    //dropArea.addEventListener("click", () => fileInput.click());
+    
     dropArea.addEventListener("dragover", (e) => {
       e.preventDefault();
       dropArea.classList.add("dragover");
@@ -213,6 +211,20 @@
 
     fileInput.addEventListener("change", () => {
       if (fileInput.files.length) {
+        const file = fileInput.files[0]; // ✅ correct way to get the file
+        const ext = file.name.split(".").pop().toLowerCase();
+
+        if (ext !== "pdf" || file.type !== "application/pdf") {
+          alert("❌ Only PDF files are allowed!");
+          fileInput.value = "";
+          return;
+        }
+
+        const sizeKB = Math.round(file.size / 1024);
+        document.querySelector("#preset option[value='low']").textContent = `Low (~ ${Math.round(sizeKB-(sizeKB * 0.1))}KB)`;
+        document.querySelector("#preset option[value='medium']").textContent = `Medium (~ ${Math.round(sizeKB-(sizeKB * 0.3))}KB)`;
+        document.querySelector("#preset option[value='high']").textContent = `High (~ ${Math.round(sizeKB-(sizeKB * 0.6))}KB)`;
+        
         document.getElementById("uploadForm").style.display = "block";
         showPreview(fileInput.files[0]);
       }
@@ -281,7 +293,7 @@
           targetInput.value = Math.ceil(temp);
           break;
         case "high":
-          var temp = (sizeKB_temp - (sizeKB_temp * 0.7));
+          var temp = (sizeKB_temp - (sizeKB_temp * 0.6));
           targetInput.value = Math.ceil(temp);
           break;
       }