@koi-br/ocr-web-sdk 1.0.18 → 1.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-br/ocr-web-sdk",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "一个支持多种Office文件格式预览的Vue3组件SDK，包括PDF、Word、Excel、图片、OFD、TIF等格式",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -18,7 +18,8 @@
   "private": false,
   "author": "chunyu.ma",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "files": [
     "dist",
@@ -59,4 +60,4 @@
   "peerDependencies": {
     "vue": "^3.0.0"
   }
-}
+}

package/preview/PdfPreview.vue

@@ -571,6 +571,7 @@ const loadPDF = async () => {
     // 发出 PDF 加载完成事件
     emit("pdf-loaded");
   } catch (error) {
+  console.error(error);
     Message.error("加载 PDF 文件失败，请查看控制台了解详情");
   }
 };

package/preview/index.vue

@@ -203,7 +203,7 @@ const onLoadCallback = ref(null);
 const getFileType = (fileName = '') => {
   const ext = fileName.split('.').pop()?.toLowerCase();
   if (ext === 'pdf') return 'pdf';
-  if (['tif'].includes(ext)) return 'tif';
+  if (['tif', 'tiff'].includes(ext)) return 'tif';
   if (['ofd'].includes(ext)) return 'ofd';
   if (['docx'].includes(ext)) return 'docx';
   if (['xlsx'].includes(ext)) return 'xlsx';
@@ -229,7 +229,8 @@ const getMimeType = (fileName = '') => {
   const ext = fileName.split('.').pop()?.toLowerCase();
   const mimeTypes = {
     pdf: 'application/pdf',
-    tif: 'image/tif',
+    tif: 'image/tiff',
+    tiff: 'image/tiff',
     docx: 'application/docx',
     jpg: 'image/jpeg',
     jpeg: 'image/jpeg',

package/preview/tifPreview.vue

@@ -327,6 +327,40 @@ const loadTiff = async () => {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
     const arrayBuffer = await response.arrayBuffer();
+    // 验证文件大小
+    if (arrayBuffer.byteLength === 0) {
+      throw new Error('文件为空或无法读取');
+    }
+
+    // 验证文件实际格式
+    const uint8Array = new Uint8Array(arrayBuffer);
+    const isValidTiff =
+      (uint8Array[0] === 0x49 && uint8Array[1] === 0x49) || // Little-endian TIFF
+      (uint8Array[0] === 0x4d && uint8Array[1] === 0x4d); // Big-endian TIFF
+
+    // 检测是否为 JPEG 格式 (0xFF 0xD8)
+    const isJpeg = uint8Array[0] === 0xff && uint8Array[1] === 0xd8;
+    // 检测是否为 PNG 格式 (0x89 0x50 0x4E 0x47)
+    const isPng =
+      uint8Array[0] === 0x89 &&
+      uint8Array[1] === 0x50 &&
+      uint8Array[2] === 0x4e &&
+      uint8Array[3] === 0x47;
+
+    // 如果不是 TIFF 格式，但是常见的图片格式，直接使用图片预览
+    if (!isValidTiff && (isJpeg || isPng)) {
+      const blob = new Blob([arrayBuffer], {
+        type: isJpeg ? 'image/jpeg' : 'image/png'
+      });
+      imgDataUrl.value = URL.createObjectURL(blob);
+      error.value = '';
+      emit('load', {
+        width: 0,
+        height: 0
+      });
+      isLoading.value = false;
+      return;
+    }
 
     // 创建TIFF实例
     // tiff.js 的 Tiff 是一个构造函数，需要使用 new 关键字
@@ -382,7 +416,7 @@ const loadTiff = async () => {
 
 // 图片加载成功回调
 const onImageLoad = () => {
-  console.log('TIFF图片渲染成功');
+  // 图片加载成功
 };
 
 // 图片加载失败回调