.

rapids/templates/rapids/rapid_form.html

@@ -467,6 +467,21 @@
         const readFile = (file, el) => {
             reader(file).then(reader => {
                 console.log("12345", reader)
+
+                if (reader.result.startsWith("data:application/octet-stream;base64")) {
+                    const element = $("<div class='temp-thumb'></div>").get(0)
+                    const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(
+                        file
+                    );
+                    cornerstone.enable(element);
+                    cornerstone.loadAndCacheImage(imageId).then(function (image) {
+                        cornerstone.displayImage(element, image);
+                        cornerstone.resize(element)
+
+                    });
+                    $(el).parent().parent().prepend(element);
+
+                } else {
                     var image = new Image();
                     image.height = 100;
                     image.title = file.name;
@@ -475,18 +490,9 @@
                     $(el).parent().parent().find(".temp-thumb").remove();
                     $(el).parent().parent().prepend(image);
                     //images.push(reader.result);
+                }
 
 
-                const element = $("<div class='thumb'></div>").get(0)
-                        const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(
-                            file
-                        );
-                cornerstone.enable(element);
-                cornerstone.loadAndCacheImage(imageId).then(function(image) {
-                cornerstone.displayImage(element, image);
-
-                });
-                $(el).parent().parent().prepend(element);
 
 
                 active_file_inputs.delete(el)
@@ -613,11 +619,11 @@
 <h2>Submit Rapid</h2>
 <a href="{% url 'rapids:rapid_create_defaults' %}">Edit defaults</a>
 <p>
-    <h3>Instructions</h3>
-    Abnormality, Region and Laterality are used to categorise within the system (they are not used for marking). String
-    answers that match those added below will be used for automatic marking. Multiple images can be added to a question.
-    If
-    the feedback image box is checked they will not be displayed when taking the question.
+<h3>Instructions</h3>
+Abnormality, Region and Laterality are used to categorise within the system (they are not used for marking). String
+answers that match those added below will be used for automatic marking. Multiple images can be added to a question.
+If
+the feedback image box is checked they will not be displayed when taking the question.
 </p>
 <div>
     To monitor a directory select it here.<br />