diff --git a/frontend/share.html b/frontend/share.html
index ba0942e..bb97810 100644
--- a/frontend/share.html
+++ b/frontend/share.html
@@ -461,6 +461,10 @@
     <div class="container">
       <div class="card">
         <div class="title">
+          <!-- 返回按钮：仅在查看单个文件详情且不是单文件分享时显示 -->
+          <button v-if="viewingFile && shareInfo.share_type !== 'file'" class="btn btn-secondary" @click="backToList" style="margin-right: 10px;">
+            <i class="fas fa-arrow-left"></i> 返回列表
+          </button>
           <i class="fas fa-cloud"></i>
           文件分享
         </div>
@@ -518,12 +522,12 @@
 
           <!-- 大图标视图 - 单文件居中显示 -->
           <!-- 单文件居中显示 -->
-          <div v-else-if="files.length === 1" class="single-file-container">
+          <div v-else-if="viewingFile || files.length === 1" class="single-file-container">
             <div class="single-file-card">
-              <i class="single-file-icon fas" :class="getFileIcon(files[0])" :style="getIconColor(files[0])"></i>
-              <div class="single-file-name">{{ files[0].name }}</div>
-              <div class="single-file-size">{{ files[0].sizeFormatted }}</div>
-              <button v-if="!files[0].isDirectory" class="btn single-file-download" @click="downloadFile(files[0])">
+              <i class="single-file-icon fas" :class="getFileIcon(viewingFile || files[0])" :style="getIconColor(viewingFile || files[0])"></i>
+              <div class="single-file-name">{{ (viewingFile || files[0]).name }}</div>
+              <div class="single-file-size">{{ (viewingFile || files[0]).sizeFormatted }}</div>
+              <button v-if="!(viewingFile || files[0]).isDirectory" class="btn single-file-download" @click="downloadFile(viewingFile || files[0])">
                 <i class="fas fa-download"></i> 下载文件
               </button>
             </div>
@@ -531,7 +535,7 @@
 
 
           <!-- 大图标视图 - 多文件网格显示 -->
-          <div v-else-if="viewMode === 'grid'" class="file-grid">
+          <div v-else-if="!viewingFile && viewMode === 'grid'" class="file-grid">
             <div v-for="file in files" :key="file.name" class="file-grid-item"
                  @click="handleFileClick(file)"
                  @contextmenu="showFileContextMenu($event, file)"
@@ -548,7 +552,7 @@
           </div>
 
           <!-- 列表视图 -->
-          <ul v-else class="file-list">
+          <ul v-else-if="!viewingFile" class="file-list">
             <li v-for="file in files" :key="file.name" class="file-item">
               <div class="file-info">
                 <i class="file-icon fas" :class="getFileIcon(file)" :style="getIconColor(file)"></i>
@@ -609,7 +613,9 @@
           contextMenuFile: null,
           // 长按支持(移动端)
           longPressTimer: null,
-          longPressFile: null
+          longPressFile: null,
+          // 查看单个文件详情（用于多文件分享时点击查看）
+          viewingFile: null
         };
       },
 
@@ -687,6 +693,31 @@
           }
         },
 
+        // 处理文件点击 - 可预览的文件打开预览，其他文件查看详情
+        handleFileClick(file) {
+          // 如果是图片/视频/音频，打开媒体预览
+          const isImage = /\.(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(file.name);
+          const isVideo = /\.(mp4|webm|ogg|mov)$/i.test(file.name);
+          const isAudio = /\.(mp3|wav|ogg|m4a|flac)$/i.test(file.name);
+
+          if (isImage || isVideo || isAudio) {
+            this.previewMedia(file);
+          } else {
+            // 其他文件类型，显示详情页面
+            this.viewFileDetail(file);
+          }
+        },
+
+        // 查看文件详情（放大显示）
+        viewFileDetail(file) {
+          this.viewingFile = file;
+        },
+
+        // 返回文件列表
+        backToList() {
+          this.viewingFile = null;
+        },
+
         downloadFile(file) {
           console.log("[分享下载] 文件:", file);