From 7981b6444efd971f9b474c9029b91e24edb64c9b Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 1 Mar 2022 15:37:08 +0800
Subject: [PATCH] fix: attachment list can't to display images with space path
 (halo-dev/console#474)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 src/components/Attachment/AttachmentSelectModal.vue | 2 +-
 src/views/attachment/AttachmentList.vue             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Attachment/AttachmentSelectModal.vue b/src/components/Attachment/AttachmentSelectModal.vue
index de78df059..e0d2d7ed3 100644
--- a/src/components/Attachment/AttachmentSelectModal.vue
+++ b/src/components/Attachment/AttachmentSelectModal.vue
@@ -72,7 +72,7 @@
               <span v-if="!isImage(item)" class="attachments-group-item-type">{{ item.suffix }}</span>
               <span
                 v-else
-                :style="`background-image:url(${item.thumbPath})`"
+                :style="`background-image:url(${encodeURI(item.thumbPath)})`"
                 class="attachments-group-item-img"
                 loading="lazy"
               />
diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index 521fedcc8..5b857eb99 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -85,7 +85,7 @@
                   <span v-if="!isImage(item)" class="attachments-group-item-type">{{ item.suffix }}</span>
                   <span
                     v-else
-                    :style="`background-image:url(${item.thumbPath})`"
+                    :style="`background-image:url(${encodeURI(item.thumbPath)})`"
                     class="attachments-group-item-img"
                     loading="lazy"
                   />