From 7caf7cf66af01aef3617dc52bcc823a25844550a Mon Sep 17 00:00:00 2001
From: liuguancen <liuguancen@inspur.com>
Date: Thu, 2 Apr 2026 14:30:58 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=89=8D=E7=AB=AF+RAG]=20=E4=BF=AE=E5=A4=8DPD?=
 =?UTF-8?q?F=20ArrayBuffer=20detached=EF=BC=9B=E4=BF=AE=E5=A4=8D=E9=98=85?=
 =?UTF-8?q?=E8=AF=BB=E6=A8=A1=E5=BC=8F=E5=8F=B3=E4=BE=A7=E7=A9=BA=E7=99=BD?=
 =?UTF-8?q?(=E8=A6=86=E7=9B=96PyMuPDF=E5=9B=BA=E5=AE=9A=E5=AE=BD=E5=BA=A6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 chat_web_front/src/components/PdfViewer.vue            | 8 ++++----
 chat_web_front/src/views/reading/index.vue             | 6 +++++-
 langchain-chat/server/knowledge_base/file_converter.py | 2 ++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/chat_web_front/src/components/PdfViewer.vue b/chat_web_front/src/components/PdfViewer.vue
index b5e8e07..072f977 100644
--- a/chat_web_front/src/components/PdfViewer.vue
+++ b/chat_web_front/src/components/PdfViewer.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, nextTick, watch } from 'vue';
+import { ref, onMounted, onBeforeUnmount, nextTick, watch, toRaw } from 'vue';
 import * as pdfjsLib from 'pdfjs-dist';
 import { renderTextLayer } from 'pdfjs-dist';
 
@@ -74,9 +74,9 @@ const loadPdf = async () => {
   loading.value = true;
   error.value = '';
   try {
-    const loadingTask = pdfjsLib.getDocument({
-      data: props.src instanceof ArrayBuffer ? new Uint8Array(props.src) : props.src
-    });
+    const rawSrc = toRaw(props.src);
+    const data = rawSrc instanceof ArrayBuffer ? new Uint8Array(rawSrc) : rawSrc;
+    const loadingTask = pdfjsLib.getDocument({ data });
     pdfDoc = await loadingTask.promise;
     const numPages = pdfDoc.numPages;
     pages.value = Array.from({ length: numPages }, (_, i) => i + 1);
diff --git a/chat_web_front/src/views/reading/index.vue b/chat_web_front/src/views/reading/index.vue
index 6526d50..4bc023b 100644
--- a/chat_web_front/src/views/reading/index.vue
+++ b/chat_web_front/src/views/reading/index.vue
@@ -460,7 +460,11 @@ const loadPdfFile = async () => {
       params: { fileId: selectedFile.value.fileId },
       responseType: 'arraybuffer'
     });
-    pdfData.value = resp.data;
+    // 复制 ArrayBuffer 避免被 Vue 响应式代理导致 detached
+    const src = resp.data as ArrayBuffer;
+    const copy = new ArrayBuffer(src.byteLength);
+    new Uint8Array(copy).set(new Uint8Array(src));
+    pdfData.value = copy;
   } catch (e: any) {
     pdfData.value = null;
     docHtml.value = '<p style="color:#999;text-align:center;margin-top:40px;">PDF 文件加载失败</p>';
diff --git a/langchain-chat/server/knowledge_base/file_converter.py b/langchain-chat/server/knowledge_base/file_converter.py
index 9fca692..b75d5bb 100644
--- a/langchain-chat/server/knowledge_base/file_converter.py
+++ b/langchain-chat/server/knowledge_base/file_converter.py
@@ -948,9 +948,11 @@ class FileConverter:
 
             css = '''<style>
 .pdf-preview { font-family: system-ui, -apple-system, sans-serif; line-height: 1.6; max-width: 100%; }
+.pdf-preview > div { width: 100% !important; max-width: 100% !important; }
 .pdf-preview img { max-width: 100%; height: auto; }
 .pdf-preview p { margin: 0.3em 0; }
 .pdf-preview span { line-height: 1.5; }
+.pdf-page > div { width: 100% !important; max-width: 100% !important; }
 </style>'''
 
             if not any_text: