diff --git a/packages/nc-gui-v2/components/cell/attachment/Carousel.vue b/packages/nc-gui-v2/components/cell/attachment/Carousel.vue
index 902cb57153..e57c41520a 100644
--- a/packages/nc-gui-v2/components/cell/attachment/Carousel.vue
+++ b/packages/nc-gui-v2/components/cell/attachment/Carousel.vue
@@ -92,7 +92,7 @@ onClickOutside(carouselRef, () => {
 
           <div v-for="item of imageItems" :key="item.url">
             <div
-              :style="{ backgroundImage: `url('${item.url}')` }"
+              :style="{ backgroundImage: `url('${item.url || item.data}')` }"
               class="min-w-70vw min-h-70vh w-full h-full bg-contain bg-center bg-no-repeat"
             />
           </div>
diff --git a/packages/nc-gui-v2/components/cell/attachment/Modal.vue b/packages/nc-gui-v2/components/cell/attachment/Modal.vue
index 7ffec69130..c580bb33b0 100644
--- a/packages/nc-gui-v2/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui-v2/components/cell/attachment/Modal.vue
@@ -116,7 +116,7 @@ function onClick(item: Record<string, any>) {
             >
               <div
                 v-if="isImage(item.title, item.mimetype)"
-                :style="{ backgroundImage: `url('${item.url}')` }"
+                :style="{ backgroundImage: `url('${item.url || item.data}')` }"
                 class="w-full h-full bg-contain bg-center bg-no-repeat"
                 @click.stop="onClick(item)"
               />