From 12eaa5814ef20b0910e8d64a753378b6f6797989 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Fri, 22 May 2026 00:52:16 +1000
Subject: Initial commit

---
 Server.Client/Pages/Upload.razor | 42 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 Server.Client/Pages/Upload.razor

(limited to 'Server.Client/Pages/Upload.razor')

diff --git a/Server.Client/Pages/Upload.razor b/Server.Client/Pages/Upload.razor
new file mode 100644
index 0000000..74cfd64
--- /dev/null
+++ b/Server.Client/Pages/Upload.razor
@@ -0,0 +1,42 @@
+@page "/Upload"
+
+<div id="dropzone">
+    <p></p>
+    <form id="uploadForm" action="/media" method="post" enctype="multipart/form-data">
+        <input type="file" id="fileUpload" name="fileUpload" accept="image/*,video/*" multiple/>
+    </form>
+</div>
+
+<script suppress-error="BL9992">
+    var dropzone   = document.getElementById('dropzone');
+    var uploadForm = document.getElementById('uploadForm');
+    var fileUpload = document.getElementById('fileUpload');
+
+    dropzone.ondragover = function (e) {
+        e.preventDefault();
+    }
+
+    dropzone.ondragenter = function(e) {
+        e.preventDefault();
+        dropzone.classList.toggle('hover', true);
+    }
+
+    dropzone.ondragleave = function(e) {
+        e.preventDefault();
+        dropzone.classList.toggle('hover', false);
+    }
+
+    dropzone.ondrop = function(e) {
+        e.preventDefault();
+        fileUpload.files = e.dataTransfer.files;
+        uploadForm.submit();
+    }
+
+    dropzone.onclick = function(e) {
+        fileUpload.click();
+    }
+
+    fileUpload.onchange = function(e) {
+        uploadForm.submit();
+    }
+</script>
-- 
cgit v1.3