drag and drop zone for uploads

2026-03-06 05:28:01 -05:00
parent 6d598bde26
commit 090676d82e
1 changed files with 11 additions and 5 deletions
@@ -9,10 +9,16 @@
    <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>