Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Upload Image for Analysis</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Upload Image for Analysis</h1> | |
| {% with messages = get_flashed_messages() %} | |
| {% if messages %} | |
| <div class="messages"> | |
| {% for message in messages %} | |
| <p class="alert">{{ message }}</p> | |
| {% endfor %} | |
| </div> | |
| {% endif %} | |
| {% endwith %} | |
| {% if not uploaded_image %} | |
| <form action="/" method="post" enctype="multipart/form-data"> | |
| <input type="file" name="image" accept="image/*" required> | |
| <button type="submit">Upload</button> | |
| </form> | |
| {% else %} | |
| <div class="result-container"> | |
| <div class="image-container"> | |
| <h2>Uploaded Image:</h2> | |
| <img src="{{ url_for('static', filename='uploads/' ~ uploaded_image) }}" alt="Uploaded Image"> | |
| </div> | |
| <div class="analysis-container"> | |
| {% if not response %} | |
| <form action="/" method="post"> | |
| <input type="hidden" name="uploaded_image" value="{{ uploaded_image }}"> | |
| <button type="submit" name="analyze">Analyze</button> | |
| </form> | |
| {% else %} | |
| <h2>Analysis Result:</h2> | |
| <div class="analysis-result"> | |
| {{ response | safe }} | |
| </div> | |
| {% endif %} | |
| </div> | |
| </div> | |
| {% endif %} | |
| </div> | |
| </body> | |
| </html> | |