h5 - 使用pdf.js 预览pdf

下载地址

http://mozilla.github.io/pdf.js/getting_started/#download

 

 

点击后会下载，有点慢

打开后我加了两个文件

 

 

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jk</title>
</head>
<body>
<div style="height: 100vh;margin: 0 auto">
    <iframe src="http://localhost:63343/pdfjs-3.4.120-dist/web/viewer.html?file=http://localhost:63343/pdfjs-3.4.120-dist/git.pdf"
            style="width: 100%;height:100%;border: red"></iframe>
</div>
<script>

</script>

</body>
</html>
复制代码

git.pdf是用于测试的pdf文件

可以使用  iframe 嵌入  viewer.html 来局部预览

效果如下

 

 或者直接新窗口访问

http://localhost:63343/pdfjs-3.4.120-dist/web/viewer.html?file=http://localhost:63343/pdfjs-3.4.120-dist/git.pdf

 

posted @   岑惜  阅读(695)  评论(0)  编辑  收藏  举报
相关博文：
·  h5 - pc 使用 pdf.js 预览pdf -配合文件流实现 - 遇到的坑总结
·  java - 下载或预览文件
·  pdf.js 预览功能
·  pdf.js预览pdf文件
·  移动端H5使用pdf.js预览
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话
历史上的今天：
2021-04-04 spring boot pom.xml 提示 ignored 具体解决
点击右上角即可分享
微信分享提示
SQL AI 助手