From f7b62649efdbf7b590e678b17d10d9f4925efdcd Mon Sep 17 00:00:00 2001
From: liyulin <501351981@qq.com>
Date: Sun, 27 Aug 2023 22:07:49 +0800
Subject: [PATCH] =?UTF-8?q?doc=EF=BC=9A=E8=8E=B7=E5=8F=96=E4=BA=8C?=
 =?UTF-8?q?=E8=BF=9B=E5=88=B6=E6=96=87=E4=BB=B6=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/README.md b/README.md
index c7779c3..5801c5b 100644
--- a/README.md
+++ b/README.md
@@ -103,6 +103,55 @@ export default {
 }
 </script>
 ```
+
+**二进制文件预览**
+
+如果后端给的不是CDN地址，而是一些POST接口，该接口返回二进制流，则可以调用接口获取文件的ArrayBuffer数据，传递给src属性。
+
+```vue
+<template>
+  <vue-office-docx 
+      :src="docx"
+      style="height: 100vh;"
+      @rendered="rendered"
+  />
+</template>
+
+<script>
+//引入VueOfficeDocx组件
+import VueOfficeDocx from '@vue-office/docx'
+//引入相关样式
+import '@vue-office/docx/lib/index.css'
+
+export default {
+  components:{
+    VueOfficeDocx
+  },
+  data(){
+    return {
+      docx: '' 
+    }
+  },
+    mounted(){
+        fetch('你的API文件地址', {
+            method: 'post'
+        }).then(res=>{
+            //读取文件的arrayBuffer
+            res.arrayBuffer().then(res=>{
+                this.src = res
+            })
+        })
+    },
+  methods:{
+    rendered(){
+      console.log("渲染完成")
+    }
+  }
+}
+</script>
+```
+
+
 ### excel文件预览
 
 通过网络地址预览示例如下，通过文件ArrayBuffer预览和上面docx的使用方式一致。