vue中预览docx

        docx的数据流从服务器的接口获取。

       1. 安装插件

                 yarn add  docx-preview 

        2. 在页面引入

                import {  renderAsync } from "docx-preview"

        3.讲解析内容写入div

 

        4. 实现代码

 api(option).then((res)=>{        
       let fr = new FileReader();
       fr.readAsArrayBuffer(res.data);
       fr.addEventListener("loadend",(e) => {
       let buffer = e.target.result;
       let bodyContainer = document.getElementById("bodyContainer");
       renderAsync(
                buffer, // Blob | ArrayBuffer | Uint8Array
                bodyContainer, // HTMLElement
                null, // HTMLElement, 用于呈现文档样式、数字、字体的元素。
                 that.docxOptions // 配置
                 )
           },false);
       });

        

你可能感兴趣的:(js,vue,vue.js,javascript,前端)