image_upload/templates/upload.html
2024-11-16 10:32:31 +01:00

41 lines
1.0 KiB
HTML

<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Perma-Upload a picture</title>
<style media="screen">
body {
background-image: url({{ url_for('static', filename='content/glit_background.gif')}});
}
.box {
background: #f9f871;
margin: auto;
padding: 1em;
width: 30em;
min-height: 5em;
}
</style>
</head>
<body>
<form method="POST" enctype="multipart/form-data" id="uploadform" class="box">
{{ imageuploadform.csrf_token }}
<fieldset class="fileupload-field">
<legend>Upload an image here</legend>
{{ imageuploadform.image.label }}
{{ imageuploadform.image }}
{% for message in imageuploadform.image.errors %}
<div class="error">{{ message }}</div>
{% endfor %}
</fieldset>
{{ imageuploadform.submit }}
</form>
<div class="box">
<ol>
{% for uploaded_file in uploaded_files %}
<li><a href="{{uploaded_file}}">{{uploaded_file}}</a></li>
{% endfor %}
</ol>
</div>
</body>