⚡️ Transfer arraybuffer directly in pdf reader postMessage

likecoin · Jun 25, 2024 · 3d73a49 · 3d73a49
1 parent ec1f076
commit 3d73a49
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/src/pages/reader/pdf.vue b/src/pages/reader/pdf.vue
@@ -32,7 +32,7 @@ export default {
     return {
       isLoading: false,
       isIframeReady: false,
-      base64FileData: null,
+      fileData: null,
     };
   },
   computed: {
@@ -60,38 +60,41 @@ export default {
       if (event.origin !== this.iframeOrigin) return;
       if (event.data === 'ready') {
         this.isIframeReady = true;
-        if (this.base64FileData) {
+        if (this.fileData) {
+          const buffer = this.fileData;
           this.$refs.pdfIframe?.contentWindow?.postMessage(
-            JSON.stringify({
-              action: 'openBase64File',
+            {
+              action: 'openArrayBufferFile',
               data: {
-                data: this.base64FileData,
+                data: buffer,
                 name: this.nftName,
               },
-            }),
-            this.iframeOrigin
+            },
+            this.iframeOrigin,
+            [buffer]
           );
-          this.base64FileData = null;
+          this.fileData = null;
         }
       }
     },
     async initRendition() {
       try {
         this.isLoading = true;
         const buffer = await this.getFileBuffer('reader-pdf');
-        this.base64FileData = Buffer.from(buffer).toString('base64');
         if (this.isIframeReady) {
           this.$refs.pdfIframe?.contentWindow?.postMessage(
-            JSON.stringify({
-              action: 'openBase64File',
+            {
+              action: 'openArrayBufferFile',
               data: {
-                data: this.base64FileData,
+                data: buffer,
                 name: this.nftName,
               },
-            }),
-            this.iframeOrigin
+            },
+            this.iframeOrigin,
+            [buffer]
           );
-          this.base64FileData = null;
+        } else {
+          this.fileData = buffer;
         }
         this.isLoading = false;
       } catch (err) {