PDF 显示
场景: 其实直接显示 pdf 可以用 iframe 标签,但产品觉得浏览器自带的 pdf 预览太丑了,而且无法去除那些操作栏。
解决方案:使用 pdf.js 进行显示
第一步:引入 pdf.js
去官网下载稳定版的 pdf.js 文件

然后将下载好的文件放进项目的静态文件夹,我用的是 vite 项目,所以是 public

第二步:在页面中引入 viewer.html
<iframe
class="
通过引入pdf.js库并使用viewer.html,可以替代浏览器默认的PDF预览,去除操作栏并自定义样式。在遇到跨域问题时,需对viewer.js进行修改以解决。此外,可以直接编辑viewer.html调整PDF展示的样式。
场景: 其实直接显示 pdf 可以用 iframe 标签,但产品觉得浏览器自带的 pdf 预览太丑了,而且无法去除那些操作栏。
解决方案:使用 pdf.js 进行显示
去官网下载稳定版的 pdf.js 文件

然后将下载好的文件放进项目的静态文件夹,我用的是 vite 项目,所以是 public

<iframe
class="
9122
9253
1641

被折叠的 条评论
为什么被折叠?