Merge branch 'dropzone'

2026-03-06 06:02:37 -05:00
parent a295ca6861 a2d50eccb0
commit 46ba681137
4 changed files with 24 additions and 15 deletions
@@ -1,3 +1,7 @@
+# Navidrome Upload Utility
+# Arian Nasr
+# March 6, 2026
+
 import os
 from flask import Flask, request, render_template
 from werkzeug.utils import secure_filename
@@ -15,21 +19,16 @@ def allowed_file(filename):
@app.route('/', methods=['GET', 'POST'])
 def upload_file():
    if request.method == 'POST':
-        if 'file' not in request.files:
-            return render_template('error.html', error_message='No file part in the request'), 400
-        files = request.files.getlist('file')
-        for file in files:
-            if file.filename == '':
-                return render_template('error.html', error_message='No selected file'), 400
-            if file and allowed_file(file.filename):
+        for key, file in request.files.items():
+            if key.startswith('file') and file and allowed_file(file.filename) and file.filename != '':
                filename = secure_filename(file.filename)
                file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
            else:
-                return render_template('error.html', error_message=f'File "{file.filename}" is not allowed. Allowed types: {", ".join(ALLOWED_EXTENSIONS)}'), 400
+                return render_template('error.html', error_message=f'File is not allowed.'), 400

-        return render_template('success.html', success_message=f'{len(files)} file(s) uploaded successfully!')
+        return render_template('success.html', success_message=f'{len(request.files)} file(s) uploaded successfully!'), 200

-    return render_template('index.html')
+    return render_template('index.html'), 200


 if __name__ == '__main__':
@@ -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>