diff --git a/src/renderer/src/layout/components/Uploader.vue b/src/renderer/src/layout/components/Uploader.vue
index 2309338..1dd3c9a 100644
--- a/src/renderer/src/layout/components/Uploader.vue
+++ b/src/renderer/src/layout/components/Uploader.vue
@@ -24,7 +24,8 @@
           <div class="prepare-body-main-item">
             <div class="prepare-uploader-progress" :style="{ width: item.percentage + '%' }"></div>
             <div class="prepare-body-main-item-icon">
-              <svg
+              <FileImage :size="50" :file-name="item.raw.name" />
+<!--              <svg
                 class="icon"
                 aria-hidden="true"
                 font-size="50px"
@@ -32,7 +33,7 @@
                 style="margin: auto"
               >
                 <use xlink:href="#icon-ppt"></use>
-              </svg>
+              </svg>-->
             </div>
             <div class="prepare-body-main-item-info">
               <div class="prepare-item-info-title">{{ item.raw.name }}</div>
@@ -62,10 +63,11 @@ import { getToken } from '@/utils/auth'
 // import CryptoJS from 'crypto-js/md5'
 import SparkMD5 from 'spark-md5'
 import { DeleteFilled } from '@element-plus/icons-vue'
+import FileImage from '@/components/file-image/index.vue'
 const { ipcRenderer } = window.electron || {}
 export default {
   name: 'Uploader',
-  components: { DeleteFilled },
+  components: { DeleteFilled, FileImage },
   data() {
     return {
       timer: null,