本文详细介绍了使用pdfjs-dist库实现PDF文件预览的方法,包括安装、基本使用步骤以及如何添加水印。首先通过pnpm安装pdfjs-dist,并在项目中引用。接着创建一个上传组件和渲染容器,通过FileReader读取文件并转换为Base64编码的URL。利用pdfjs-dist加载PDF文档并在canvas上渲染页面。对于多页PDF,通过递归调用renderPage函数逐页渲染。为了提高显示质量,还提供了根据设备像素比调整画布大小的解决方案。此外,文章还简要介绍了Word(使用docx-preview和mammoth)和Excel(使用xlsx)文件预览的基本方法。