refactor(frontend): update Dropzone init and script placement in index.html

Signed-off-by: Arian Nasr <arian@2ari.ca>
2026-05-28 21:37:01 -04:00
parent 313e7e4f0d
commit ddbae4600b
1 changed files with 16 additions and 12 deletions
@@ -5,19 +5,23 @@
    <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.css') }}" type="text/css" />
 </head>
 <body>
-    <script>
-        Dropzone.options.myDropzone = {
-            parallelUploads: 4,
-            uploadMultiple: true,
-            acceptedFiles: 'audio/*'
-        };
-    </script>
-    <form action="/"
-          class="dropzone"
-          id="my-dropzone"></form>
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+
+  <form action="/"
+        class="dropzone"
+        id="my-dropzone"
+        enctype="multipart/form-data"></form>
+
+  <script src="{{ url_for('static', filename='js/dropzone-min.js') }}"></script>
+  <script>
+    const dz = new Dropzone("#my-dropzone", {
+      url: "/",
+      parallelUploads: 4,
+      uploadMultiple: true,
+      acceptedFiles: "audio/*"
+    });
+  </script>
 </body>
 </html>