Update index.html

index.html

@@ -77,7 +77,7 @@
         <div class="spinner"></div>
     </div>
 
-    <div id="dropArea" onclick="uploadImage(event)" ondrop="handleDrop(event)" ondragover="handleDragOver(event)">
+    <div id="dropArea">
         <p>Drag and drop an OCT image file here, or click to select file</p>
     </div>
 
@@ -131,10 +131,21 @@
             const prediction = await model.predict(reshapedExample);
             const class_scores = await prediction.data();
             const max_score_id = class_scores.indexOf(Math.max(...class_scores));
-            const classes = ["Central Serous Chorioretinopathy (CSCR)", "CSCR complicated with MNV", "PCV", "Normal"];
+            const classes = ["Central Serous Chorioretinopathy (CSCR)", "CSCR complicated with MNV", "Polypoidal Choroidal Vasculopathy", "Normal"];
             document.getElementById('result').innerHTML = classes[max_score_id].toString();
             document.getElementById('loadingOverlay').style.display = 'none'; // Hide loading overlay
         }
+
+        // Add event listeners for drag and drop
+        const dropArea = document.getElementById('dropArea');
+        dropArea.addEventListener('dragover', (event) => {
+            event.preventDefault();
+            dropArea.classList.add('dragover');
+        });
+        dropArea.addEventListener('dragleave', () => {
+            dropArea.classList.remove('dragover');
+        });
+        dropArea.addEventListener('drop', handleDrop);
     </script>
 </body>
 </html>