From 248e22b3ee9a90503ab5d3a0741b84015baacf25 Mon Sep 17 00:00:00 2001
From: nosamu <71368227+n0samu@users.noreply.github.com>
Date: Sat, 18 Nov 2023 22:53:28 -0600
Subject: [PATCH] Add file type indicator to file input test

---
 fileInputTest2.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/fileInputTest2.html b/fileInputTest2.html
index c918a64..3ce099a 100644
--- a/fileInputTest2.html
+++ b/fileInputTest2.html
@@ -8,6 +8,18 @@
 
     <h1>File Input Test</h1>
     <input type="file" accept=".*" id="local-file" />
+    <div id="type"></div>
+
+    <script type="text/javascript">
+        const fileInput = document.getElementById("local-file");
+        const txtDiv = document.getElementById("type");
+        fileInput.addEventListener('change', (e) => {
+            if (fileInput.files.length > 0) {
+                const file = fileInput.files[0];
+                txtDiv.textContent = file.type;
+            }
+        });
+    </script>
     
 </body>
 </html>
\ No newline at end of file