drag and drop zone for uploads

add author info
add & link dropzone lib
2026-03-06 05:28:01 -05:00 · 2026-03-06 05:11:32 -05:00 · 2026-03-06 05:06:28 -05:00
4 changed files with 20 additions and 5 deletions
@@ -1,3 +1,8 @@
+# Navidrome Upload Utility
+# Arian Nasr
+# March 6, 2026
+
+
 import os
 from flask import Flask, request, render_template
 from werkzeug.utils import secure_filename
@@ -5,12 +5,20 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Upload Music</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" />
+    <script src="{{ url_for('static', filename='js/dropzone.min.js') }}"></script>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/dropzone.min.css') }}" type="text/css" />
 </head>
 <body>
-    <h1>Upload new File</h1>
-    <form method=post enctype=multipart/form-data>
-      <input type=file name=file multiple>
-      <input type=submit value=Upload>
-    </form>
+    <h1>Drag & drop files here or <b>browse</b></h1>
+    <script>
+        Dropzone.options.myDropzone = {
+            parallelUploads: 2,
+            uploadMultiple: true,
+            acceptedFiles: 'audio/*'
+        };
+    </script>
+    <form action="/"
+          class="dropzone"
+          id="my-dropzone"></form>
 </body>
 </html>
Author	SHA1	Message	Date
arian	090676d82e	drag and drop zone for uploads	2026-03-06 05:28:01 -05:00
arian	6d598bde26	add author info	2026-03-06 05:11:32 -05:00
arian	69c8540e83	add & link dropzone lib	2026-03-06 05:06:28 -05:00