(原創) 如何在博客園上顯示pdf檔? (Web) (HTML)

PDF嵌入博客
最新推荐文章于 2022-05-15 00:32:59 发布
最新推荐文章于 2022-05-15 00:32:59 发布
阅读量105 收藏
点赞数
本文介绍了一种将PDF文件嵌入博客的方法，通过使用iframe标签，可以实现PDF在博客页面上的直接展示，为读者提供更丰富的阅读体验。

Abstract
  一般都用HTML顯示博客，本文介紹使用pdf顯示blog的方式。

Introduction
上傳pdf後，透過iframe即可將pdf顯示在blog當中。

以下是用到的iframe HTML。

None.gif<iframe src="http://files.cnblogs.com/oomusou/VC++8_Hotkey.pdf" width="100%" height=768></iframe>


src要填的是你放pdf的url，width要填100%撐滿整的畫面，height=768是因為大部分電腦以1024*768為解析度。

openjfx(javaFX)完整学习指南（教程）
eguid音视频技术分享（JavaCV教程、FFmpeg教程、openCV图像处理教程、音视频教程）
02-23 9149
openjfx（javaFX）介绍 基于JavaSE8，openjfx由几个组件构成：图形引擎Prism,窗体引擎glass，媒体引擎和一个web引擎。 欢迎大家积极开心的加入讨论群，群号:371249677（一群），608423839（二群），556722677（三群），689672017（四群） 特性 FXML是一种基于XML的声明式标记语言，用于描述JavaFX应用程序的用户界面。设计师可...
HTML页面导出为PDF
2tong
07-11 1万+
交接的内容中涉及到了HTML页面导出为PDF这一功能需求，虽然之前由看过，但是为了防止自己忘记，还是自己再实践一下的好，嗯。测试1:准备两个js文件jsPdf.debug.js //选择合适你的版本 html2canvas.js //选择合适你的版本需要这样两个js文件，其中html2canvas.js文件主要用于将html文件转换为图片，而后jsPdf.debug.js文件负责将图片导成文件...
pdf显示
kuangzihui1989的博客
10-31 676
iOS开发:PDF文件的加载及显示(网络、本地) 显示PDF文件的方法以下几种： 1.使用UIWebView加载，没啥说的，根据文件路径，网络或者本地皆可，创建一个NSURLRequest，然后用webView加载就可以了，但仅仅能显示文件。 2.使用UIDocumentInteractionController或QLPreviewCont
如何在网页上显示pdf,doc文件
chengzhuo5471的博客
07-03 469
1、使用pdf.js显示pdf文件，doc文件转成pdf文件。 优点：手机上也能使用。 缺点：电脑端存在兼容问题。 2、将pdf，doc转成swf文件，通过FlexPaper在网页上显示出来 优点：电脑上基本不存在兼容问题。 缺点：优于移动端不支持fl...
福昕Pdf内部标题与文件名称显示不一致
qq_41862220的博客
03-23 5000
12345
在网页中显示PDF文档
ddzr972435946的博客
04-05 5083
网上的代码总有很多用不了的。我就贴上我试过可以用的。win7 64bit+chrome1.jquery.media.js&lt;script type="text/javascript" src="/thinkphp/public/js/jquery-1.8.3.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src=...
Python入门自学进阶-Web框架——8、认识Ajax，与Django交互，基于jQuery
web17886480312的博客
05-15 287
基于jQuery的Ajax实现： jQquery中创建XMLHttpRequest对象就没有兼容性问题了，而且不需要前面的四个步骤，直接使用.ajax()，通过设置相关的参数，如提交的方法，url，数据等，一次性完成所有步骤及功能。.ajax()，通过设置相关的参数，如提交的方法，url，数据等，一次性完成所有步骤及功能。.ajax()，通过设置相关的参数，如提交的方法，url，数据等，一次性完成所有步骤及功能。.ajax()是jQuery实现ajax的最底层方法。 $.ajax( url: type:“P
ym——android源码大放送（实战开发必备）
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
一文搭建Vuepress博客/文档系统：搭建，导出，SEO，自动编译和部署，域名，HTTPS，备案等
pdai的博客
11-08 2819
文章内容目录 文章内容目录 第一部分 - 博客/文档系统的搭建 博客/文档搭建前言 有哪些选择 我做了哪些尝试 自己写：我用java手写了一个系统 Docisify等工具 博客园等平台 为什么现在用vuepress 博客/文档工具vuepress介绍 vuepress是如何工作的？ vuepress 一些特性 vuepress 插件架构 博客/文档基础搭建 brew安装或者...
一键备份主流博客内容的强大工具
- 尊重版权：在下载和使用他人博客内容时，应当尊重原创作者的版权和知识产权。 - 遵守平台规则：不同博客平台有各自的使用规则和条款，用户在下载内容时要遵守相关规定。 - 数据隐私：在备份个人博客内容时，应确保...
显示pdf
Lyj的博客
10-15 364
//获取地址 mui('#openFile')[0].addEventListener('tap',function(){ openFile("http://192.168.1.98/test.doc"); }); //文件下载及打开第三方软件预览 function openFile(url){ var wait = plus.nativeUI.showWa...
非常好的在网页中显示pdf的方法
热门推荐
小肥的专栏
09-02 6万+
今天有一需求，要在网页中显示pdf，于是立马开始搜索解决方案，无意中发现一个非常好的解决方法，详见http://blogs.adobe.com/pdfdevjunkie/web_designers_guide。 其实就光看这个网站也足够了，http://www.pdfobjec
在线显示PDF
Kincae的博客
08-27 556
方法一：PHP $fp = fopen("./Markdown.pdf", "r"); header("Content-type: application/pdf"); fpassthru($fp); fclose($fp); 方法二：PDFObject <!DOCTYPE html> <html lang="zh-CN"> <he...
页面显示PDF(移动端和网页)
qq_42610806的博客
03-18 2487
在网页上显示PDF只要用&lt;iframe&gt;或者&lt;&lt;embed /&gt;&gt;标签就可以实现。 移动端需要下载pdf.js。 把这两个文件夹放在和HTML页面一个文件夹，或者其他文件夹，使用的时候再修改一下路径就可以。 文件夹中有已经写好的可以显示pdf的页面，其中viewer.html是用来显示PDF的，再项目运行起来，会显示viewer.js中默认的文件夹...
怎么把页面按比例缩小_前端页面如何优雅的显示PDF：原理说明
weixin_39670857的博客
11-30 681
1. Getting Started原理：获得 PDF 对象，获取所有的 Page 页面，为每一个页面创建一个 Canvas，通过 Page 的 render 方法把页面渲染到对应的页面 Canvas 优点：能够动态渲染相应的页面缺点：他的方式是获得每页数据在相应的 div 中创建一个 Canvas 频繁的操作 Dom 需要单独的设置文字 导致卡顿，不适合大文件获取文件对象var loadingT...
如何直接在网页中显示PDF文件
IT技术宅-北方的刀郎
03-21 3万+
博客分类： web开发 1、  通过的浏览器：360、Firefox、IE、Chrome 2、   下面这个完整点：                                       通过的浏览器：360、IE 未通过的浏览器：Firefox、Chrome 3、 通过的浏览器：360、Firefox、IE、Chrome 4、用浏览器直接访问http://127.0.0.1/test_pd
如何在hexo博客中在线阅读pdf
冰山一树Sankey的博客
03-08 1870
如何在hexo博客中在线阅读pdf 前言 我这里是matery主题，其他主题的可参照相应思路进行修改 有一些资料或者笔记是pdf版本的，如果想要放在博客中进行阅读，那么就得将其转换为markdown格式或者html格式。但是这样转换后，其原pdf的格式就会混乱了，排版将会变得很困难，不过一山更比一山高，由mozilla支持的在线pdf阅读插件就可让我们在网页中进行pdf的阅读。 这是官方的示例 那么我们该怎么使用呢？ 下载 要使用那么最基础的就是我们要先下载，直接去官网在线pdf阅读插件下载官方已经
展示PDF
qq_42824147的博客
08-09 478
PDF展示 技术背景：使用vue技术栈 在html页面展示pdf文件 1.最好的方法，使用浏览器自带呈现pdf的办法 场景：pdf上传，存储在服务器中 关键代码： // pdf资源存储在后端服务器，发送ajax请求即可 // 注：reqPDF('/url')是我封装的ajax请求, 返回的是一个promise reqPdf('/url').then(res => { let str = URL.createObjectURL(res.data) // 由二进制资源创建一个临时的url
博客园博客PDF一键生成工具解析
在本场景中，该工具专门用于将博客园平台上的博客文章转换成PDF文件。 3. 重复的标题和描述：给出的描述内容出现了大量的重复字串，这可能暗示着该工具具有某种特定的功能，比如是一个重复使用率很高、功能较为单一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值