feat: preview image`

web_src/js/index.js

@@ -2313,10 +2313,9 @@ $(document).ready(async () => {
     previewTemplate += '<div class="dz-preview dz-file-preview">\n ';
     previewTemplate += '    <div class="dz-details">\n ';
     previewTemplate += '        <div class="dz-filename">';
-    previewTemplate += '            <span data-dz-name></span>';
+    previewTemplate += '            <span data-dz-name data-dz-thumbnail></span>';
     previewTemplate += '        </div>\n    ';
     previewTemplate += '        <div class="dz-size" data-dz-size></div>\n  ';
-    previewTemplate += '        <img data-dz-thumbnail />\n  ';
     previewTemplate += '    </div>\n  ';
     previewTemplate += '    <div class="dz-progress ui active progress">';
     previewTemplate += '        <div class="dz-upload bar" data-dz-uploadprogress><div class="progress"></div></div>\n  ';

web_src/less/_dataset.less

@@ -7,10 +7,11 @@
         border-bottom: 1px solid rgb(218, 220, 224);
         min-height: 0;
       }
-      .dz-preview.dz-file-preview.dz-processing {
+      .dz-preview.dz-processing {
         display: flex;
         align-items: center;
         .dz-details {
+          opacity: 1 !important;
           display: flex;
           padding: 0 0 10px 0;
           min-width: 60%;