文件在线预览 | 技术储备

前情概要

运营博客，有时候需要将一些文件直接在线预览，这时候就需要文件在线预览技术。涉及到的文件类型大多数为 PDF 格式的，偶尔也会有 DOCX 、XLS 等类型，将这几年摸索的过程整理一下。定位在轻折腾，不需要懂太多的代码。

工具演变

① 在编撰博客初期，由于不大懂，直接使用的 博客园 的 PDF 在线分享功能，结果时间不长，平台封禁了这个功能，说是不安全，所以点击后台的 PDF ，直接就是下载，不是我要的功能，所以放弃。

② 个人的，忘了，占个位。

③ 免费的PDF在线预览网盘，有 ZOHO 的 workdrive 网盘，能使用外链，能嵌入网络中。音视频文件也能嵌入博客。

④ 后来尝试腾讯微云，能使用在线预览功能，效果更好些，以后就准备换在腾讯微云这个平台了，缺点是不能在线编辑。

⑤ 再折腾：五一期间，无意中找到可道云系统，能在线预览几乎所有文件，尤其能将视频文件外链，且还能制作思维导图类的，这是我最需要的。

⑥ 再记录，20260507，找到一个网站：https://pdfhost.io/zh-CN/ ，也能在线预览 PDF ，也比较好用。

⑦ https://view.xdocin.com/ 也能在线预览 PDF ，绝大多数文件都能预览，效果比较好用。小于 2M 的文件，可以从本地电脑直接生成预览链接地址，便于直接嵌入，大于 2M 的需要有网络地址，博客园的后台的文件地址可以用。

简单格式的链接地址： https://view.xdocin.com/view?src=https://files.cnblogs.com/files/wanghai0666/KKnovels.pdf

https://view.xdocin.com/file_8mv5vx7al74zdofxqfyn2uzcxyq.htm?p=eyJfdCI6IjE3NzgyMzAxNDQiLCJfdGl0bGUiOiLpnZnpm4XmlovmlofmoaPlnKjnur%2FpooTop4giLCJfd2F0ZXJtYXJrIjoi6Z2Z6ZuF5paL5pWw5a2mXHJcbmh0dHBzOi8vd2FuZ2hhaTA2NjYuY25ibG9ncy5jb20vIn0%3D&s=toof6hs3zd67obff

代码嵌入格式：

<iframe 
src="https://view.xdocin.com/view?src=http://cccimg.com/down.php/cdd8b532a090c9398169e9ea8bfa10e3.pdf"
width="100%" 
height="700px" 
frameborder="0">
</iframe>

⑧ https://www.kkview.cn/zh-cn/docs/home.html

⑨ https://onlinedocumentviewer.com/zh/pdf-viewer 30天免费

https://onlinedocumentviewer.com/zh/view?sessionId=ae65ca2c-2bdf-45d1-81a9-dba0b7e2b92e&ext=pdf

⑩ https://a.data96.com/pdf?url=https://alist-data96.oss-cn-shanghai.aliyuncs.com/PDF_On_Line.pdf

上传⼊⼝： https://b.data96.com/upload/ ，注意：PDF⽂档⼤⼩限制为10MB以内，⽂档会不定期清除。（仅供功能测试⽤途），⽅法1：将已有PDF⽂档链接通过解析⼯具⽣成分享链接，⽅法2：上传PDF⽂档⽣成在线预览分享链接

挑选结果

效果演示