Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Medical Image Processing Pipeline</title> | |
| <style> | |
| body { font-family: Arial, sans-serif; margin: 20px; } | |
| .container { max-width: 800px; margin: auto; } | |
| .result img { max-width: 250px; margin: 10px; } | |
| .result { display: flex; flex-wrap: wrap; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Medical Image Processing Pipeline</h1> | |
| <form action="/predict" method="POST" enctype="multipart/form-data"> | |
| <input type="file" name="file" accept="image/*,.nii,.nii.gz,.dcm" required> | |
| <button type="submit">Upload and Process</button> | |
| </form> | |
| {% if result %} | |
| <hr> | |
| {% if result.error %} | |
| <h3>Error: {{ result.error }}</h3> | |
| {% else %} | |
| <h3>Predicted Modality: {{ result.predicted_modality }}</h3> | |
| {% if result.specialized %} | |
| <div class="result"> | |
| <div> | |
| <h4>Original Image</h4> | |
| <img src="data:image/jpeg;base64,{{ result.specialized.original }}" alt="Original"> | |
| </div> | |
| <div> | |
| <h4>Mask</h4> | |
| <img src="data:image/jpeg;base64,{{ result.specialized.mask }}" alt="Mask"> | |
| </div> | |
| <div> | |
| <h4>Overlay</h4> | |
| <img src="data:image/jpeg;base64,{{ result.specialized.overlay }}" alt="Overlay"> | |
| </div> | |
| </div> | |
| {% elif result.message %} | |
| <h4>{{ result.message }}</h4> | |
| <div class="result"> | |
| <img src="data:image/jpeg;base64,{{ result.original }}" alt="Original"> | |
| </div> | |
| {% endif %} | |
| {% endif %} | |
| {% endif %} | |
| </div> | |
| </body> | |
| </html> | |