最近很火的在线文件预览txt、doc、ppt、pdf、excel、jpg、png、zip、tar.gz等各种文件及压缩文件在线解压和预览，包括前后端设计和源码，编写搜索引擎多关键词检索名称和内容（五）

最近很火的在线文件预览txt、doc、ppt、pdf、excel、jpg、mp4、png、zip、tar.gz等各种文件及压缩文件在线解压和预览，包括前后端设计和源码，编写一个文件搜索引擎实现多关键词检索，标记文件名称和文件内容内容（五）。

主要功能：
1、大文件超大文件上传、文件下载、断点续传、秒传、提速、限速；
2、压缩文件自动识别不同格式进行解压；
3、前后端传输编码规范；
4、非压缩文件实现自动在线预览；
5、文件内容读取、分析、计算、索引；
6、实现一个搜索引擎根据多个关键字对文件名称以及上传时间进行检索；
7、实现一个搜索引擎根据多个关键字对文件内容以及上传时间进行检索；
8、自动标记检索关键词在原文件名称和内容的位置；
9、在线预览文件包含：各类各种格式的图片、office各类办公文档、文本文档、视频文档、音频文档等等；
10、仿云盘文件存储的一些其他功能；
11、…………

————————————————
前面的实现参考发布的该专栏的系列文章都有详细的说明，这里主要讨论第8步如何实现自动标记检索关键词在原文件名称和内容的位置。

8、自动标记检索关键词在原文件名称和内容的位置；

通过前面的分析和实现，已经可以把绝大多数文档类的文件转换为html格式的文本文件，可以实现文件的 格式转换、在线预览、文件下载等等。

本章主要是前端的一些知识，通过 JS 来操作html，根据技术站的不同，只能提供借鉴，实现如下：
如果觉得下方的视频界面太小，可以直接点击链接观看：

https://www.bilibili.com/video/BV1Xq4y1w7dt/

知识付费时代，普通人通过掌握知识变现工具也可以躺赢，通过在线文件预览和文件格式转换技术实现内容发布，自媒体用户引流、涨粉、营销引流，可以构建自动化发布提升效率

---

主要遇到的问题：

1）使用 iframe 嵌套加载html，遇到大的静态html文件时候，也会存在懒加载情况，无法对整个文档内容进行标记；
2）前后端分离使用，需要注意 CORS 跨域访问的问题；
3）对于关键词文本标记与查找，做元素节点遍历的时候，需要注意访问元素本身的文本内容，而不是节点元素包含的所有的子节点元素的所有文本。
4）好像也没啥其他的难点了。

---

pdf 文件预览：

根据关键词进行搜索、标记、更改所在段落的背景颜色、关键词的字体颜色、搜索的总体聚合、统计等等。

整个系统的实现，分成了很多步骤，点击下面链接进行查看：
https://so.csdn.net/so/search?q=%E5%90%8D%E7%A7%B0%E5%92%8C%E5%86%85%E5%AE%B9%EF%BC%88&t=blog&u=u014374009

点击查看详细实现方法

---

该技术的实现，可以应用到很多方面，比如：

1）结合下面的引流技术，实现引流等等。

https://blog.csdn.net/u014374009/article/details/121897853

通过web系统实现淘宝营销引流，小说或者视频上传之后自动生成二维码，通过二维码分享之后引入微信或者扣扣加群，群满自动切换到下一个，以及数据统计分析和若干个小工具集成

2）建立企业知识管理系统，对所有文档可以转换为 html 文件，进行在线预览、在线查找、文件全文搜索系统等等。

3）其他的文档应用领域、自媒体、文案、营销、引流、商品介绍等等。

---

支持全套项目部署、功能定制开发，以及解决方案设计等私信即可。
任何疑问可以到下方评论留言或者私信了解。
更多资源信息可以关注相关专栏以及GitHub相关源码进行获取。