精华内容
下载资源
问答
  • 网页展示pdf

    2017-02-07 17:49:25
    今天项目需要,需要在网页(HTML)上显示和下载PDF,找了半天找到一个很好的例子,原网址如下: http://blog.csdn.net/broze/article/details/6743314 记录一下主要代码,防止丢失: JavaScript" ...

    今天项目需要,需要在网页(HTML)上显示和下载PDF,找了半天找到一个很好的例子,原网址如下:

    http://blog.csdn.net/broze/article/details/6743314


    记录一下主要代码,防止丢失:


    <script type="text/JavaScript" src="scripts/pdfobject/pdfobject.js"></script>
    <script type="text/javascript"> 
    window.onload = function (){
        var success = new PDFObject({ url: "pdf/CGVET22-08-2011V2P.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");
    };
    </script> 
     
    <div id="pdf1" style="width:700px; height:600px;">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="~/pdf/CGVET22-08-2011V2P.pdf">Click here to download the PDF</a></div>



    写个文档一直摁Ctrl+s  醉了!

    展开全文
  • php网页展示pdf 问题

    2013-08-10 10:35:31
    需要在网页展示pdf 从网上查了一些方法 例如: <embed src="test.pdf" width="600" height="600"> 但是都会报错 (格式错误:不是一个PDF文件或文件已损坏) 但是我用pdf阅读器可以打开该文件,通过...
  • 网页案例.pdf展示网页
  • PDF网页展示--PDF.js

    千次阅读 2017-04-10 10:06:53
    1.功能介绍PDF.js是Mozilla公司开发的pdf浏览器展示组件,项目主页位于https://github.com/mozilla/pdf.jsPDF.js支持火狐、谷歌和IE(9及以上)等浏览器。2.示例直接使用Mozilla提供的代码,见示例文件夹PDFViewer。...

    1.功能介绍

    PDF.js是Mozilla公司开发的pdf浏览器展示组件,项目主页位于https://github.com/mozilla/pdf.js

    PDF.js支持火狐、谷歌和IE(9及以上)等浏览器。

    2.示例

    直接使用Mozilla提供的代码,见示例文件夹PDFViewer。文件夹中除1.html外都是Mozilla官方案例提供。

    我们采用将Mozilla提供的PDF展示页面viewer.html通过iframe内嵌的方式展示在我们自己的页面中

    <iframe id="pdfFrame" src="viewer.html" style="width:800px;height:500px" />

    通过设置页面的参数file指定待展示的pdf访问路径

    <script>
    showPdf = function(file){
        document.getElementById("pdfFrame").src="viewer.html?file="+file;
    }
    </script>
    <button onclick="showPdf('file/Oracle12c Development Guide.pdf')">show1</button>
    <button onclick="showPdf('file/compressed.tracemonkey-pldi-09.pdf')">show2</button>
    展开全文
  • 本文为大家介绍下jsPDF生成pdf后如何在网页展示,下面有个不错示例,大家可以参考下
  • Web项目 其中有个需求是在网页中内嵌一个pdf展示,通过一侧展示出来的文件树的点击事件,展示不同的pdf文件,同时还要支持pdf的放大缩小旋转全屏等功能。 起初想了几种方案: 1. 将pdf文件转换成tiff文件(icepdf...

    PDF展示

     

    Web项目 其中有个需求是在网页中内嵌一个pdf展示,通过一侧展示出来的文件树的点击事件,展示不同的pdf文件,同时还要支持pdf的放大缩小旋转全屏等功能。

    起初想了几种方案:

    1.      将pdf文件转换成tiff文件(icepdf),公司有可以展示tiff的插件,能满足各种需求,但是在pdf转tiff过程中在服务器上出现字重的情况,一直没找出原因,最终放弃。

    2.      上网需要各种插件。

    最早先用的是pdfObject.js根据官网上的例子写了个demo 发现似乎不能旋转。本以为能解决这个需求了,空欢喜一场(不过在写这篇文章的时候,突然发现别写的例子好像可以旋转,不过我已经解决了 hhh 下次好好研究一下)

     

    继续找,发现了pdf.js这么个神器,欣喜若狂啊,现在开始讲pdf.js在项目中的运用。


    Pdf.js的官网地址

    http://mozilla.github.io/pdf.js/

     

    对js的技术不是特别熟悉 看到这篇博客学会的安装

     

    http://www.cnblogs.com/kagome2014/p/kagome2014001.html

     

    下载后的文件目录

    hhh

     

    由于项目中用的是tomcat服务器,然后把构建出来的文件放在tomact的webapp/plugins下,如下:

    hhh

    启动tomcat服务器时,访问http://127.0.0.1:8080/xxx/plugins/generic/web/viewer.html(xxx是项目名称)

     

    能够看到页面

    hhh

     

    这是pdf.js的默认读取文件的地址。若想修改默认读取的文件地址,则修改generic/web/viewer.js文件中的DEFAULT_URL的值。


     

    接下来,如何让pdf.js读取我们自己的文件。在pdf.js的请求头里面加上file参数即可。例如在web文件夹下创建了a目录,在里面放入b.pdf文件。读取的路径就是

    http://127.0.0.1:8080/xxx/plugins/generic/web/viewer.html?file=/a/b.pdf

             (可以通过相对路径去找到文件的位置)


    由于需求是嵌在web页面中的,所以我使用了<iframe>标签,使得页面嵌在网页中。似乎完成了需求啊,可是突然发现有两点问题没有解决。

    1.      使用了<iframe>标签后发现全屏按钮消失了,全屏用不了

    2.      如果文件路径是一个绝对路径或者是网络路径怎么办,能不能把pdf文件以流的形式写入response中呢?

     

    然后又开始不停百度,看论坛,然后自己思考,还是解决了这两个问题,现在依次说一下解决方案。

     

    全屏显示

     

    Pdf.js会通过检测当前环境是否支持全屏来决定是否展示全屏按钮。

     hhh

    似乎是在iframe中,所以该方法得出的结果是不允许全屏,所以不展示全屏按钮。因此我们需要将下面这段判断去掉。


    然后在自己实现该全屏按钮的点击事件,将pdf全屏展示。展示的方法应该有很多种,在这就不说了。

     

     

    绝对路径读取文件

     

    由于我要读取的文件在服务器上的共享盘下,并不在tomcat服务器的项目目录下,因此需要通过绝对路径去读取文件。解决方案是将前面pdf.js中file参数从原来的相对路径地址换成一个网络请求,在服务器端将目标pdf以流的形式返回到response中进行输出展示。

     

    一开始我换成的请求路径是:

    http://127.0.0.1:8080/xxx/plugins/generic/web/viewer.html?file=/项目名称/controller请求路径?fileUrl = 文件的绝对路径

     

    但是后来发现get请求中的fileUrl参数并不能传进去,因为在file前面有个问号。然后查看源码,找到了请求的地址。


    在这个方法中 前台传递的file参数被赋值,因此我想到的解决方案是将请求路径改成

    http://127.0.0.1:8080/xxx/plugins/generic/web/viewer.html?file=/项目名称/controller请求路径&fileUrl = 文件的绝对路径(存在中文记得转码和解码)

     

     就是将fileUrl前的问号替换成& 这样fileUrl以后被当成参数传递。

    然后将之前的js代码改成如下

    这样后台controller的代码便能收到fileUrl这个参数,服务器端返回流的代码就不展示了。

     


     


    展开全文
  • jsPDF生成pdf后在网页展示

    千次阅读 2014-01-14 01:12:44
    jsPDF生成pdf后在网页展示
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=GBK">
    	<title>jsPDF</title>
    	<script type="text/javascript" src="jspdf.js"></script>
    	<script type="text/javascript">
    		window.οnlοad=function(){
    			var doc = new jsPDF();
    			//var doc = new jsPDF('landscape');//横排
    			
    			doc.setProperties({//设置文档属性
    				title: 'Title',
    				subject: 'This is the subject',		
    				author: 'Dragon',
    				keywords: 'javascript, web 2.0, ajax',
    				creator: 'MEEE'
    			});
    	
    			doc.setTextColor(0,255,0);
    			doc.setFontSize(22);
    			doc.setFont("times");
    			doc.setFontType("italic");
    			doc.text(20, 20, 'Hello world!');//添加文字
    			
    			doc.setTextColor(255,0,0);
    			doc.setFontSize(16);
    			doc.setFont("helvetica");
    			doc.setFontType("bold");
    			doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
    			
    			doc.addPage();//添加页
    			
    			doc.setLineWidth(1);//设置线宽
    			doc.setDrawColor(0,255,0);//设置画笔颜色
    			doc.setFillColor(255,0,0);//设置填充颜色
    			doc.line(60, 20, 115, 60);//画线,两个坐标
    			doc.rect(100, 50, 20, 30); //画矩形,左上角坐标,宽度,高度,只有边框
    			doc.ellipse(20, 20, 20, 10, 'F');//画椭圆,中心点坐标,宽度,高度,只有边
    			doc.circle(120, 20, 20, 'FD');//画圆,中心点坐标,半径,边框和填充都有
    			doc.triangle(100, 100, 110, 100, 120, 130, 'FD');
    			
    			//doc.output('datauri');//直接输出为新的web页
    			document.getElementById("iframe123").src = doc.output('datauristring');//在iframe中显示
    		}
    	</script>
    </head>
    <body>
    	<iframe id="iframe123" frameborder="0" width="400" height="500"></iframe>
    </body>
    </html>

    展开全文
  • 网页展示PDF文件

    千次阅读 2012-11-21 23:14:03
    <param name="SRC" value="yourfile.pdf"> 此方法IE可以显示,可是在Chrome FireFox 下都不行 2. 标签 embed <embed src="yourfile.pdf" width="600" height="600"> 这下三个浏览器表示毫无压力。 ...
  • 远程协同教学中的网页同步展示系统实现.pdf远程协同教学中的网页同步展示系统实现.pdf
  • 美工教程展示产品性质网页企业模板.pdf
  • 参见 http://www.cnblogs.com/qinpeifeng107/archive/2011/08/29/2158879.html
  • 使用UltraWebGrid控件在网页展示Oracle数据库表结果数据.pdf
  • jsPDF生成pdf后在网页展示 .

    千次阅读 2014-01-15 21:20:25
    doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); doc.addPage();//添加页 doc.setLineWidth(1);//设置线宽 doc.setDrawColor(0,255,0);//设置画笔颜色 doc....
  • 参考文章:1....场景:pdf文件,本人的pdf文件是代码里的20141212apple.pdf和boy.pdf文件,保存在当前的web应用中:webroot/test/20141212apple.pdfwebroot/test/20141212b...
  • pdf.js移动端展示预览打开pdf-pdfh5.js本插件基于pdf.js和jQuery,可手势捏合缩放,支持懒加载(即分段加载)。2019.07.18更新:增加npm install pdfh5使用方式,适应于vue,使用方式和api见github2019.07.17更新:...
  • java web展示PDF 的方案

    千次阅读 2018-03-13 21:46:19
    Flash展示PDF文件 网上有很多pdf的flash展示工具组合,这里主要针对的是FlexPaper+swftools,FlexPaper是一个开源轻量级的文档浏览组件,被设计和比如PDF2SWF库(包含于SWFTools)一起工作,使得在网页上,Adobe ...
  • 使用pdf.js在web页面展示pdf文件

    千次阅读 2017-12-15 16:27:56
    最近弄的项目中需要在线展示PDF文件,以前用的是Adobe PDF阅读器直接在浏览器端打开的,这要求客户端必须安装这个软件,若是没有安装就不能在线预览了。为了解决这个问题,最终决定用pdf.js来实现预览功能。   1...
  • 实践指南-网页生成PDF

    2021-06-03 19:21:11
    开发工作中,需要实现网页生成 PDF 的功能,生成的 PDF 需上传至服务端,将 PDF 地址作为参数请求外部接口,这个转换过程及转换后的 PDF 不需要在前端展示给用户。 二、技术选型 该功能不需要在前端展示给用户,为...
  • IE不支持页面展示,只能下载,博主用的浏览器为:chrome 先看效果: 实现方式: 1.首先下载一个openoffice。 2.执行bat脚本 D: cd D:\abc\program soffice -headless -accept="socket,host=127.0.0.1,port=...
  • Hexo竟然可以展示PDF

    2020-07-11 21:54:01
    hexo-pdf插件一键搞定,页面展示PDF 安装hexo-pdf npm install --save hexo-pdf 使用 使用本地资源,可以在markdown文件路径下创建一个同名文件夹,其内放pdf文件 例如: 在需要的文章添加如下语句: {% pdf my...
  • 最近在做一个土地档案管理系统 ,有个需求是在前端网页展示土地档案扫描件的pdf文件,并根据目录跳转到指定页。 第一个问题,显示pdf文件。引入pdf.js。然后设定html地址,地址为...
  • PdfRenderer将Jsoup爬取的PDF文件转为Bitmap,然后利用ImageView展示
  • ②使用vue-pdf插件在移动端网页进行pdf预览 上下滑动预览查看pdf(初次加载较慢,交互体验较差) <div class="m-area"> <p class="u-title">电子合同签署</p> <div v-show="loaded"> ...
  • 页面展示打印PDF

    2013-09-12 15:07:38
    在页面展示PDF内容,并且打印!主要是利用html中的object标签
  • 通过 embed或者object标签可以在网页上查看pdf文件,在PC端可以用鼠标滚轮滑动,但是在移动端通过chrome或者safari浏览器查看该页面,会发现pdf的主体部分无法通过手指滑动,请问如何使其能滑动,做好是用html或js的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,245
精华内容 6,098
关键字:

网页展示pdf