标题使用的核心技术点是docx-preview，读取到文件的File对象，用File去做文件展示，这里是采用将文件转base64字符串存储到localStorage中（如果内容超长，无法存储，可使用在页面直接获取数据的方式，详见第六点）
在线预览word报告且包含word样式
效果展示： https://volodymyrbaydalka.github.io/docxjs
- 下载需要使用的min.js文件进项目的public目录中（上zip已包含以下pulib内的js/css文件）
2.在public文件目录下新建html，命名为docpreview.html
3.在html中引入public下的资源
<link
href="./docx-preview/bootstrap.min.css"
rel="stylesheet"
crossorigin="anonymous"
/>
<script
src="./docx-preview/bootstrap.bundle.min.js"
crossorigin="anonymous"
></script>
<script src="./docx-preview/jszip.min.js"></script>
<script src="./docx-preview/docx-preview.min.js"></script>
<script src="./docx-preview/thumbnail.example.js"></script>
<link href="./docx-preview/thumbnail.example.css" rel="stylesheet" />
<script crossorigin src="./docx-preview/tiff.js"></script>
<script src="./docx-preview/tiff-preprocessor.js"></script>
4.创建dom去展示对应的docx文件
<body class="vh-100 d-flex flex-column">
<div class=
最低0.47元/天 解锁文章
扫一扫
5039
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
