起步 经过上一章对文件预览的实现效果可以看到，在使用一些插件库对office类文件的预览效果并不是那么理想，本章我们就来实现下上节末提到的使用onlyoffice来实现office文件的预览

Luckysheet结合Vue3在线excel实战 按照用户要求项目需要实现能从接口或者手动导入excel文件，然后在web端网页编辑的功能，并且excel中的部分数据需要依据其他接口进行回填计算。

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

vue基于onlyoffice实现DOC、DOCX、ODT、RTF、TXT、PDF、HTML、EPUB、XPS、DjVu、XLS、XLSX、ODS、CSV、PPT文档编辑预览

前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件

前端打印，热敏打印机，小票打印，ESC/POS指令，票据打印，网页打印，网口打印，USB打印，蓝牙打印

像一般的图片、视频、office 等文件，我们都可以实现在线预览功能，但始终不能覆盖全部，万一用户上传什么奇奇怪怪的文件。所以我们需要做好兜底处理，再无法预览时给用于一个提示。