Error message when no file is selected

tiritibambix · Jan 12, 2025 · 6741855 · 6741855
1 parent dbca2b5
commit 6741855
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 2 deletions.
diff --git a/app.py b/app.py
@@ -293,10 +293,15 @@ def index():
 @app.route('/upload', methods=['POST'])
 def upload_file():
     """Handle file uploads."""
+    if 'file' not in request.files:
+        flash('Aucun fichier sélectionné', 'error')
+        return redirect(url_for('index'))
+
     files = request.files.getlist('file')
     if not files or all(file.filename == '' for file in files):
-        return flash_error('No file selected.'), redirect(url_for('index'))
-
+        flash('Veuillez sélectionner au moins un fichier', 'error')
+        return redirect(url_for('index'))
+
     uploaded_files = []
     for file in files:
         if file and allowed_file(file.filename):

diff --git a/templates/index.html b/templates/index.html
@@ -128,6 +128,32 @@
             border-color: var(--clr-primary-a40);
         }
 
+        .flash-messages {
+            margin-bottom: var(--spacing-medium);
+            padding: var(--spacing-small);
+            border-radius: 4px;
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        .flash-message {
+            padding: var(--spacing-small);
+            margin-bottom: var(--spacing-small);
+            border-radius: 4px;
+            background-color: var(--clr-surface-a20);
+            color: var(--clr-primary-a50);
+        }
+
+        .flash-message.error {
+            background-color: #ff4444;
+            color: white;
+        }
+
+        .flash-message.success {
+            background-color: #00C851;
+            color: white;
+        }
+
         @media (min-width: 768px) {
             .container {
                 max-width: 600px;
@@ -145,6 +171,15 @@
 </head>
 <body>
     <div class="container">
+        {% with messages = get_flashed_messages(with_categories=true) %}
+            {% if messages %}
+            <div class="flash-messages">
+                {% for category, message in messages %}
+                    <div class="flash-message {{ category }}">{{ message }}</div>
+                {% endfor %}
+            </div>
+            {% endif %}
+        {% endwith %}
         <form action="/upload" method="post" enctype="multipart/form-data">
             <fieldset>
                 <legend class="title-large">ImaGUIck</legend>