♻️ img.srcに必要なメタ情報をフロントエンドで付与するように変更 #22

jiro4989 · Dec 10, 2019 · b13d5c7 · b13d5c7
1 parent 5a3b4b1
commit b13d5c7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/websh_front/src/index.nim b/websh_front/src/index.nim
@@ -74,7 +74,8 @@ proc createDom(): VNode =
           h4: text "Images"
           for img in outputImages:
             tdiv:
-              img(src = img)
+              # imgでbase64を表示するときに必要なメタ情報を追加
+              img(src = "data:image/png;base64," & img)
     footer(class = &"page-footer {baseColor}"):
       tdiv(class = "footer-copyright"):
         tdiv(class = "container"):

diff --git a/websh_server/src/websh_server.nim b/websh_server/src/websh_server.nim
@@ -94,10 +94,7 @@ router myrouter:
       let (dir, name, ext) = splitFile(path)
       if ext.toLowerAscii notin [".png", ".jpg", ".jpeg", ".gif"]:
         continue
-      # JavaScriptのimg.srcにセットする時のプレフィックス
-      let meta = "data:image/png;base64,"
-      let data = meta & base64.encode(readFile(path))
-      images.add(data)
+      images.add(base64.encode(readFile(path)))
 
     resp %*{"stdout":stdoutStr, "stderr":stderrStr, "images":images}
   get "/ping":