file upload button

GenerateNU · Feb 5, 2024 · b21a917 · b21a917
1 parent 4646100
commit b21a917
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -4,6 +4,8 @@
     <title>Tubender</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root">
+      <iframe src="upload_file.html" width="100%" height="150px"></iframe>
+    </div>
   </body>
 </html>
diff --git a/frontend/public/upload_file.html b/frontend/public/upload_file.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>File Upload</title>
+  </head>
+  <body>
+
+    <input type="file" id=" fileInput" accept=".iges, .step" />
+    <button onclick="handleFileUpload()">Upload</button>
+
+    <script>
+      function handleFileUpload() {
+        var input = document.getElementById('fileInput');
+        var file = input.files[0];
+
+        if (file) {
+          console.log('Selected file:', file.name);
+
+          // add upload stuff
+          alert('File selected for upload: ' + file.name);
+            } else {
+                alert('No file selected.');
+        }
+      }
+    </script>
+
+    <div id="root"></div>
+  </body>
+</html>