diff --git a/ui/src/utils/utils.ts b/ui/src/utils/utils.ts
index a5c9d3195..551c88400 100644
--- a/ui/src/utils/utils.ts
+++ b/ui/src/utils/utils.ts
@@ -39,7 +39,7 @@ export function fileType(name: string) {
 */
 export function getImgUrl(name: string) {
   const type = fileType(name) || 'txt'
-  return `../src/assets/${type}-icon.svg`
+  return new URL(`../assets/${type}-icon.svg`, import.meta.url).href
 }
 
 /*
diff --git a/ui/src/views/dataset/component/UploadComponent.vue b/ui/src/views/dataset/component/UploadComponent.vue
index e6e834ebd..ba69ec67a 100644
--- a/ui/src/views/dataset/component/UploadComponent.vue
+++ b/ui/src/views/dataset/component/UploadComponent.vue
@@ -41,7 +41,7 @@
               <img :src="getImgUrl(item && item?.name)" alt="" />
               <div class="ml-8">
                 <p>{{ item && item?.name }}</p>
-                <el-text type="info">{{ filesize(item && item?.size) }}</el-text>
+                <el-text type="info">{{ filesize(item && item?.size) || '0K' }}</el-text>
               </div>
             </div>
             <el-button text @click="deleteFlie(index)">