Show preview of answered images

src/pretix/base/models/orders.py

@@ -870,6 +870,10 @@ class QuestionAnswer(models.Model):
             return url
         return ""
 
+    @property
+    def is_image(self):
+        return any(self.file.name.endswith(e) for e in ('.jpg', '.png', '.gif', '.tiff', '.bmp', '.jpeg'))
+
     @property
     def file_name(self):
         return self.file.name.split('.', 1)[-1]

src/pretix/control/templates/pretixcontrol/order/index.html

@@ -332,6 +332,13 @@
                                                                 title="{% trans "This file has been uploaded by a user and could contain viruses or other malicious content." %}">
                                                             {% trans "UNSAFE" %}
                                                         </span>
+                                                        {% if q.answer.is_image %}
+                                                            <br>
+                                                            <a href="{{ q.answer.backend_file_url }}?token={% answer_token request q.answer %}" data-lightbox="order"
+                                                                class="answer-thumb">
+                                                                <img src="{{ q.answer.backend_file_url }}?token={% answer_token request q.answer %}">
+                                                            </a>
+                                                        {% endif %}
                                                     {% else %}
                                                         {{ q.answer|linebreaksbr }}
                                                     {% endif %}

src/pretix/static/pretixcontrol/scss/main.scss

@@ -634,6 +634,15 @@ h1 .label {
         margin-left: 120px;
     }
 }
+
+.answer-thumb img {
+    width: auto;
+    height: auto;
+    max-height: 100px;
+    max-width: 100%;
+    margin-top: 5px;
+}
+
 @media(max-width: $screen-sm-max) {
     .timeline {
         .col-date {