Spaces:
Running
Running
File size: 1,697 Bytes
8dcd1f3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<!DOCTYPE html>
<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>
|