Inline finding images on reports (#10738)

* reports-inline-images Inline finding images (in findings and endpoint listings) on custom reports

* reports-inline-images change check for image mimetype

Author: dogboat

dojo/templates/dojo/custom_html_report_endpoint_list.html

@@ -151,7 +151,7 @@ <h6>References</h6>
             <pre>{{ finding.references|markdown_render }}</pre>
             {% endif %}
             {% if include_finding_images %}
-                {% include "dojo/snippets/file_images.html" with size='original' obj=finding format="HTML" %}
+                {% include "dojo/snippets/file_images.html" with size='original' obj=finding format="INLINE" %}
             {% endif %}
             {% if include_finding_notes %}
                 {% with notes=finding.notes.all|get_public_notes %}

dojo/templates/dojo/custom_html_report_finding_list.html

@@ -154,7 +154,7 @@ <h6>References</h6>
         {% endif %}
 
         {% if include_finding_images %}
-            {% include "dojo/snippets/file_images.html" with size='original' obj=finding format="HTML" %}
+            {% include "dojo/snippets/file_images.html" with size='original' obj=finding format="INLINE" %}
         {% endif %}
         {% if include_finding_notes %}
             {% with notes=finding.notes.all|get_public_notes %}

dojo/templates/dojo/snippets/file_images.html

@@ -9,6 +9,15 @@ <h6>Images</h6>
             <p class="text-center">No images found.</p>
         {% endfor %}
     {% endwith %}
+{% elif format == "INLINE" %}
+    {% with images=obj|file_images %}
+        <h6>Images</h6>
+        {% for pic in images %}
+            <p><img src="{{ pic|inline_image }}" style="max-width: 85%" alt="Finding Image"></p>
+        {% empty %}
+            <p class="text-center">No images found.</p>
+        {% endfor %}
+    {% endwith %}
 {% else %}
     {% with images=obj|file_images %}
         {% for pic in images %}

dojo/templatetags/display_tags.py

@@ -1,5 +1,7 @@
+import base64
 import datetime
 import logging
+import mimetypes
 from itertools import chain
 
 import bleach
@@ -420,6 +422,18 @@ def pic_token(context, image, size):
     return reverse("download_finding_pic", args=[token.token])
 
 
+@register.filter
+def inline_image(image_file):
+    try:
+        if img_type := mimetypes.guess_type(image_file.file.name)[0]:
+            if img_type.startswith("image/"):
+                img_data = base64.b64encode(image_file.file.read())
+                return f"data:{img_type};base64, {img_data.decode('utf-8')}"
+    except:
+        pass
+    return ""
+
+
 @register.filter
 def file_images(obj):
     return get_file_images(obj, return_objects=True)