起步 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？

1.背景 一开始接到任务需要打印html，之前用到了vue-print-nb-jeecg来处理Vue2一个打印的问题，现在是遇到需求要在Vue3项目里面去打印十几页的打印和下载为pdf，难点和坑就在于

之前看到一篇文章的评论，一位仁兄说：“谁会傻不拉几的一次性发起 100 多条请求的？” 一看这位仁兄就是对大文件的分片请求没有任何概念。

久等了，最近有点忙，一直没时间更新这个大文件上传组件的文章！接上文的demo，以element-ui基础封装大文件上传的组件，包括断点续传，秒传，上传进度条，封装思想逻辑来源于el-upload 组件

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要有定位的功能。例如：pdf

后端小白喊道：这个导出你前端应该就能做的吧！ 那是自然，有什么功能是我大前端做不了的，必须得让你们大开眼界。xlsx-style但是使用起来极其复杂，还需要改 node_module源码，库6年前无用

最近坐火车较多，一路上又很漫长，本想着下载一些喜欢的剧看，奈何很多资源网站只能在线观看，没有提供下载入口。怎么办呢？程序员绝不认输！！ 打开控制台看看线索 首先，看看 video 标签中的播放地址：

💁🏻 前言 在前端开发中，经常是需要对图片进行格式转换，其中常见的格式(其中也叫数据类型)包括(File、Blob、Base64、十六进制Hex)。 图片格式转换就是将一种图片格式转换成另一种图片格式