Spaces:
Sleeping
Sleeping
File size: 1,477 Bytes
4f0b54e |
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 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<!DOCTYPE html>
<html>
<head>
<title>Image Upload and Display</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
color: #333;
}
form {
margin: 20px auto;
padding: 20px;
border: 1px solid #ccc;
max-width: 400px;
}
input[type="file"] {
margin-bottom: 10px;
}
.image-container {
display: flex;
justify-content: center;
align-items: flex-start;
}
.image-column {
flex: 1;
padding: 10px;
}
img {
max-width: 100%;
max-height: 500px;
}
</style>
</head>
<body>
<h1>Upload an Image</h1>
<form method="POST" enctype="multipart/form-data">
<input type="file" name="image">
<input type="submit" value="Upload">
</form>
<div class="image-container">
<div class="image-column">
{% if image1 %}
<h2>YOLO model Image:</h2>
<img src="{{ image1 }}" alt="YOLO Annotated Image">
{% endif %}
</div>
<div class="image-column">
{% if image2 %}
<h2>DETR Model Image:</h2>
<img src="{{ image2 }}" alt="DETR Annotated Image">
{% endif %}
</div>
</div>
</body>
</html>
|