在指定div中浏览PDF

body,html{

font:12px 微软雅黑,Verdana,Arial,Tahoma;

background:#BBB;

}

#example1{

height:500px;

width:500px;

}

// 我的pdf文件放在项目的pdf文件夹下,名字叫做zh-cn.pdf

PDFObject.embed("zh-cn.pdf", "#example1");

为什么使用pdfObject?

pdfObject检测浏览器对内联/嵌入式pdf的支持。(如果您想知道,您的浏览器支持嵌入式PDF。你真走运,你!)

如果您使用动态HTML,例如单页Web应用程序,则可能需要动态插入PDF。但是,某些浏览器不支持PDF嵌入。如果插入标记而不首先检查PDF支持,则可能导致内容丢失或UI损坏。

pdfObject实用程序通过检测浏览器中对PDF嵌入的支持来帮助您避免这些情况;如果支持嵌入,则嵌入PDF。如果浏览器不支持嵌入,则不会嵌入PDF。

默认情况下,当浏览器不支持内联PDF时,pdfObject将向PDF插入一个回退链接。这样可以确保您的用户始终可以访问您的PDF文件,并帮助您减少代码编写。可以自定义回退链接,也可以根据需要禁用该选项。

pdfObject已准备好NPM。现代Web应用程序使用NPM来管理包和依赖项。pdfobject 2.x在节点包管理器(NPM)中注册,可以动态加载。

pdfObject还可以方便地指定Adobe专有的“PDF开放参数”。警告:这些参数仅受Adobe Reader支持,大多数PDF阅读器将忽略这些参数,包括Chrome、Edge、Internet Explorer和Safari中内置的PDF阅读器。阅读下面的更多内容。

html 插入可阅读pdf,网站实现在线浏览阅读PDF文件相关推荐

  1. pdfjs使用npm_pdf在线浏览插件pdf.js使用说法举例

    我们在制作网站时,有时候需要在项目中使用在线浏览PDF文件的功能,使用pdf.js可以实现这一功能,以下是青锋建站给大家分享的pdf在线浏览插件pdf.js使用说法与举例. pdf.js在线演示 ht ...

  2. Word转PDF及SWF在线浏览——Flash Paper

    http://flexpaper.devaldi.com/?ref=FlexPaper 之前在项目中研究使用了一套word转PDF,然后将PDF转成SWF的方法,最终实现SWF的在线浏览.自己还有些洋 ...

  3. PDF文档在线浏览防下载加密方案

    PDF文档在线浏览防下载加密方案 (在线浏览防下载,文件不落地.禁止打印.禁止另存.禁止文字复制.动态添加防截图水印) 本方案针对PDF文档在线浏览的版权保护. 其突出特点表现在: 在线浏览防下载,文 ...

  4. springboot整合pdf.js实现在线预览pdf文件

    今天在项目中实现pdf在线预览的功能的如图, 通过百度,查询合适的方法,最为简单的的是通过pdf.js的插件在前台展示.本以为是挺容易实现的,但都有莫名其妙的错误. 第一步:下载源码https://g ...

  5. vue3 - 【完整源码】超详细实现网站 / H5 在线预览 pdf 文件功能,支持缩放、旋转、全屏预览、打印、下载、内容检索、主题色定制、侧边缩略图、页码跳转等等(最好用的pdf预览器,注释详细!)

    效果图 在 Vue3.js 项目中,实现了快速高效的 pdf 预览器工具组件,附带详细的使用教程与详细的注释,保证一键复制轻松搞定! 详细的注释很容易二次修改,很多实用功能,你也可以自定义界面上的样式 ...

  6. 如何使用SWFTools 命令 将pdf文件转换为swf文件,并进行在线浏览该pdf文件

    发布一个k8s部署视频:https://edu.csdn.net/course/detail/26967 课程内容:各种k8s部署方式.包括minikube部署,kubeadm部署,kubeasz部署 ...

  7. 通过pdf的url在线浏览pdf

    通过java controller将pdf下载到web系统中 package com.example.getorder.Controller;import com.sun.org.apache.xer ...

  8. pdf转html在线预览,PDF转html

    概述 Spring 是最受欢迎的企业级 Java 应用程序开发框架,数以百万的来自世界各地的开发人员使用 Spring 框架来创建性能好.易于测试.可重用的代码. Spring 框架是一个开源的 Ja ...

  9. 前端使用pdf.js插件在线浏览pdf

    vue中使用PDF.js_没理由的花呗的博客-CSDN博客_pdf.js vue 步骤 1.官网下载pdf.js插件放入一个公用方法文件夹中如utils 2.在需要使用的页面使用iframe标签 &l ...

最新文章

  1. 如何在notebook中的markdown中插入截取的图片_96编辑器教你如何在文章中插入图片、视频、音频!...
  2. cvDrawContours:在图像上绘制外部和内部轮廓
  3. beanstalkd php扩展,PHP操作Beanstalkd队列(1)安装与基础
  4. python竞赛_浅谈Python在信息学竞赛中的运用及Python的基本用法
  5. ubuntu查看版本及检查是否有系统更新的命令
  6. 2019DTCC大会分享:分布式数据库全局读一致性
  7. 期刊论文格式模板 电子版_期刊论文的框架结构
  8. Spring MVC和REST中@RestController和@Controller注释之间的区别
  9. 作者:黄玲玲(1982-),女,博士,安徽省公共交通安全科学研究院副研究员。...
  10. hdu 3093 动态规划
  11. SpringMVC控制器单例和多例
  12. 大数据奏鸣曲,听出了什么?
  13. mysql 清空二进制日志
  14. codeforces 597C (树状数组+DP)
  15. 110kv变电所无功补偿技术的研究
  16. 计算机编程课是学什么的,编程是什么课程
  17. sql执行顺序及性能优化
  18. ableton live10中文版|音乐制作软件 附安装教程
  19. 搜索引擎使用技巧-更好地使用搜索
  20. 亚信安全明日上市:市值将超百亿 募资12亿

热门文章

  1. MVC与三层架构之间的关系
  2. Google-Chubby架构
  3. H264编码器13(CAVLC和CABAC简介)
  4. Tomcat配置路径
  5. “华为杯”研究生数学建模竞赛2020年-【华为杯】E题:大雾演化规律的量化分析与预测模型研究(附优秀论文及MATLAB代码)
  6. 拷贝速度测试软件,TeraCopy 复制加速软件
  7. WEB端即时通讯技术
  8. outlook 发送邮件没有“附件”、“主题”提醒
  9. 如何拥有一个AI模特?AI绘画换脸换装教程
  10. 微服务 消息中间件kafka消息丢失问题