上传图片显示缩略图

src/features/OnlineExam/Examing/TextQuestionView.vue

@@ -302,12 +302,13 @@ export default {
         ele.innerHTML = this.studentAnswer;
         const imgs = ele.querySelectorAll(".photo-answer");
         // if()
-        return [...imgs].map(e => e.src);
+        return [...imgs].map(e => e.src.replace("!/both/200x200", ""));
       },
       set(pSrcs) {
         let imageStr = pSrcs.map(
           v =>
-            `<a href='${v}' target='_blank' ><img class='photo-answer' src='${v}' /></a>`
+            `<a href='${v}' target='_blank' ><img class='photo-answer' src='${v +
+              "!/both/200x200"}' /></a>`
         );
         const ele = document.createElement("div");
         ele.innerHTML = this.studentAnswer || "";
@@ -315,7 +316,8 @@ export default {
         if (pEle) [...pEle].forEach(v => v.remove());
         console.log(ele.innerHTML);
         this.studentAnswer =
-          ele.innerHTML + `<div class='photo-answers-block'>${imageStr}</div>`;
+          ele.innerHTML +
+          `<div class='photo-answers-block'>${imageStr.join("")}</div>`;
       }
     }
   },