fix

 <!--
 <!--
  * @Date: 2022-08-31 16:16:49
  * @Date: 2022-08-31 16:16:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-30 10:32:42
+ * @LastEditTime: 2022-12-30 12:46:21
  * @FilePath: /data-table/src/components/FileUploaderField/index.vue
  * @FilePath: /data-table/src/components/FileUploaderField/index.vue
  * @Description: 文件上传控件
  * @Description: 文件上传控件
 -->
 -->
@@ -23,7 +23,7 @@
         :key="index"
         :key="index"
         style="padding-left: 1rem; margin-bottom: 0.5rem"
         style="padding-left: 1rem; margin-bottom: 0.5rem"
       >
       >
-        <span style="font-size: 1rem">{{ file.filename }}</span
+        <span style="font-size: 1rem">{{ file.filename }} {{ (file.size / 1024 / 1024).toFixed(2) }}MB</span
         >&nbsp;&nbsp;
         >&nbsp;&nbsp;
         <span style="color: #e32525; font-size: 0.85rem" @click="beforeDelete(file)"
         <span style="color: #e32525; font-size: 0.85rem" @click="beforeDelete(file)"
           >移除</span
           >移除</span
@@ -157,6 +157,7 @@ const afterRead = async (files) => {
         // meta_id: imgUrl.meta_id,
         // meta_id: imgUrl.meta_id,
         filename: files.file.name,
         filename: files.file.name,
         url: imgUrl.src,
         url: imgUrl.src,
+        size: files.file.size
         // isImage: true,
         // isImage: true,
       });
       });
       loading.value = false;
       loading.value = false;
@@ -255,6 +256,7 @@ var muliUpload = async (files) => {
         // meta_id: res.meta_id,
         // meta_id: res.meta_id,
         filename: item.file.name,
         filename: item.file.name,
         url: res.src,
         url: res.src,
+        size: files.file.size
         // isImage: true,
         // isImage: true,
       });
       });
       loading.value = false;
       loading.value = false;