问题描述 本文记录了一下预览word文档的功能。需要用到： 前端：vue 后端：express 插件：docx-preview 思路分析 后端express代码中读取文件夹中的 .docx 类型文件

主要解决vue引入iframe加载缓慢的问题，通过element 的loading效果加在页面上，给用户带来一丝体验感

吐槽一番，还是老老实实去实现功能吧，但是GitHub找了一圈vue项目的pdf轮子，基本都是大同小异，基本思想就是使用canvas把pdf内容绘制出来，但是这样最大的一个问题就是pdf的内容完全没办法复制了，第一个需求就不满足了，没办法只能扩大搜索范围，最终瞄准了pdf.js，…

FileReader接口提供了一个异步API，可以在浏览器异步访问文件系统，读取文件数据。一、FileReader接口提供的方法readAsBinaryString，参数为file，可以将文件读取为二

前端由于安全方面的因素，不能直接对文件进行写操作。但是在实际的业务需求中，难免会遇到各种各样文件的下载、预览。 如果服务端下载文件是以流的形式传递到前端，前端通常是将流转换为objectURL,借用a标签的download属性，进行文件下载。但是有时候会遇到下载文件处理失败的场…

介绍 在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件 docx docx的实现需要使用docx-previe

经常发现一些站点通过按钮下载文档浏览器静默（不刷新）地就下载了，而且还可以看到下载的状态等。 日常开发里的逻辑是后端返回文件流并带好header，前端直接通过a标签访问这个地址就实现了下载，下载名称在后端header里定义好。这样实现前端不需要任何操作，按照正常的页面访问链接就…

注意此处base64转blob格式文件头部：data:application/pdf;base64,

js一张图搞定arrayBuffer/Blob/File/fileReader/canvas/base64的各种转换操作,以及文件上传