使用pdf.js进行在线预览PDF出现问题

最新推荐文章于 2021-04-05 07:41:02 发布
最新推荐文章于 2021-04-05 07:41:02 发布
阅读量2.6w 收藏
点赞数
文章标签： pdf.js ie pdf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w409110211/article/details/75042928
版权

调用pdf.js进行预览pdf的时候，使用谷歌浏览器，360浏览器和火狐浏览器打印，下载，浏览都没有问题。但是在IE下，打开，下载，浏览没有问题，但是直接打印的时候，打印出来直接是我的首页内容，这是什么问题呢？？求大神帮忙解答一下！

w409110211
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
前端使用pdfJs预览文件报错
m0_73735107的博客
07-10 454
前端使用pdfJs预览文件报错
PDF — — pdf Invalid PDF structure/Warning: Ignoring invalid character ...
热门推荐
zero77ld的博客
08-13 1万+
最近接手了一个遗留的PDF报错任务，用vue-pdf获取服务器PDF报Warning: Ignoring invalid character “XX” in hex string错误 排错历程 console.log获取的内容 this.src = pdf.createLoadingTask(this.src) .then(res => { console.log(res) }).catch(err => { con.
pdfjs-1.9.426
11-28
pdf web在线预览js插件，满足在web端浏览pdf文件的需求。
vue-cli3使用pdf.js以及各种显示pdf方法无效原因
QDzzzhy
06-08 1万+
问题描述 今天在做个人博客的时候，想显示一张pdf，但是一直显示未能加载 PDF 文档 问题分析 开始以为是方法的原因，百度找了object、iframe、embed标签来显示pdf无果(当然可以用这些方法正确显示，但是这里与不使用vue有一些区别，下面会解释到)，甚至使用了pdf.js、vue-pdf等插件来帮助显示，但都无果，这就引起了我的思考，为什么别人能正常显示的我却不能呢，甚至按照...
通过PDF.js实现PDF文件在线预览
王绍桦
11-13 2377
1.官网下载PDF.js 我的资源地址：https://download.csdn.net/download/rexueqingchun/11974119 2.下载解压后放到项目资源文件目录中 如上图所示，Springboot项目可直接放在static目录下 3.预览PDF文件 由于PDF插件的模版文件为viewer.html，所以预览请求的固定地址为http://...
利用pdfJS实现以读取文件流方式在线展示pdf文件
weixin_33695082的博客
03-31 3049
第一步：下载源码https://github.com/mozilla/pdf.js 第二步：构建PDF.js 第三步：修改viewer.js varDEFAULT_URL='compressed.tracemonkey-pldi-09.pdf' 里面是PDF的路径删除该变量定义; 第四步：通过ajax的方式获取文件流数据，并处理。 var DEFAULT_URL...
PDF文件在线预览之pdf.js
aiRuan的专栏
08-07 8729
概述 pdf.js在是一个很成熟的技术了，网上也有很多相关的资料。但是都相对比较零散，所以当时我在做的时候还是花了较多的一个时间。本文在这里主要是对自己当时在处理时候碰到的一些相关问题做一个整理记录。 文件测试预览 版本：stable(v1.7.225) 下载后的压缩包解压后包含web和build两个文件夹。在iis下添加网站，指定物理路径并配置完成后。在浏览器中打开web文件夹下view
Java web使用pdf.js在线预览远程服务器上的pdf文件
02-08
"Java Web使用pdf.js在线预览远程服务器上的pdf文件"这个主题涵盖了如何利用pdf.js库实现在Web环境中流畅、安全地预览PDF文档。pdf.js是Mozilla开发的一个开源项目，它允许开发者在浏览器端直接渲染PDF内容，无需...
js在线预览wordpdf.rar
01-10
总的来说，"js在线预览wordpdf.rar"提供了一个完整的解决方案，使Web开发者能够方便地在网站上实现PDF和Word文档的在线预览功能，同时也涉及到了JavaScript库的使用、多线程处理、安全性和性能优化等多个重要知识点...
pdf.js pdf在线预览组件，支持IE,chrome
12-11
PDF.js是Mozilla开发的一个开源JavaScript库，主要用于在Web浏览器中实现PDF文档的高质量预览，无需依赖任何插件。这个库的设计目标是提供一个跨平台、跨浏览器的解决方案，使得用户能够在任何支持HTML5 Canvas的...
pdf.JS-前端无需跳转在线预览pdf功能
最新发布
02-03
PDF.JS是一个强大的开源JavaScript库，由Mozilla基金会维护，它允许在浏览器中直接查看PDF文档，无需依赖任何插件或第三方服务。这个功能对于提升用户体验非常有用，因为用户可以在前端直接预览PDF文件，无需跳转到...
pdfjs最新1.9.426
07-24
pdf文件预览 js,pdf文件预览 jspdf文件预览 jspdf文件预览 jspdf文件预览 js
PDF.JSbuild
08-26
PDF（Portable Document Format的简称，意为“可携带文档格式”），是由Adobe Systems用于与应用程序、操作系统、硬件无关的方式进行文件交换所发展出的文件格式。PDF文件以PostScript语言图象模型为基础，无论在哪种打印机上都可保证精确的颜色和准确的打印效果，即PDF会忠实地再现原稿的每一个字符、颜色以及图象。
pdfjs1.9.426.rar
09-06
pdf.js免费开源的这点很重要纯js实现，客户不需要安装额外的插件功能强大，缩放，打印，查找功能应有尽有兼容主流浏览器，火狐，谷歌，ie9+都支持 缺点: 文件偏大会影响加载速度 引文使用H5 技术，ie8 以及ie8 以下的浏览器不支持。
pdfjs2.5.207.zip
01-07
本pdfjs版本2.5.207，截至上传时间，当前的稳定版，官方的下载超级慢，好不容易下载了，分享出来。 说明：里面有两套压缩包文件，分别是Prebuilt 和Prebuilt (ES5-compatible)，后者是对ES5做了兼容。 其中build目录是PDF.js的核心文件。 web目录是PDF.js的配置与显示文件。 viewer.html是负责显示PDF的，viewer.js是负责配置的文件。
pdf.js Demo 纯js实现PDF在线预览及打印
11-10
PDF.js是Mozilla开发的一个开源项目，它允许开发者使用纯JavaScript在Web浏览器中渲染PDF文档，无需依赖任何插件。这个Demo展示了如何利用PDF.js库实现PDF在线预览和打印功能，同时还提供了页面缩放和打开本地PDF...
pdfjs 使用viewer.html显示pdf文件，默认整页显示
04-05 1718
pdfjs 使用viewer默认pdf整页显示 在viewer.js找到如下代码 var DEFAULT_SCALE_VALUE = 'auto'; 修改为： var DEFAULT_SCALE_VALUE = 'page-fit'; 在Chrome下测试有效，其他浏览器未测试过
**PDFjs 文件流在线预览**
qq_38892122的博客
03-18 2378
最近在做springboot项目 获取sftp文件，在页面预览pdf，参考了很多别人写的，最后简单的实现了在线预览pdf，所需资源放在文章末尾。 1.提取sftp文件，返回byte字节，service层 public byte[] download(String filePath, String fileName) { InputStream in = null; ...
使用pdf.js中遇到的问题
qq_39853233的博客
01-25 3013
项目中需要预览pdf文件，并兼容IE11，对于谷歌等浏览器，使用iframe即可： <iframe src="pdfpath" /> 由于要 兼容IE11，使用了pdf.js。 pdf.js中包含两部分。 build下是pdf.js的核心库，其中pdf.worker.js是pdf.js的核心代码，pdf.js是以后pdf.worker.js为基础后封装的提供给外部使用的API。 w
使用pdf.js 进行pdf文件预览
03-28
pdf.js 是 Mozilla 开源的一个 JavaScript 库，用于在网页中显示 PDF 文件。它可以将 PDF 文件转换成 HTML5 Canvas 和 SVG 格式，通过浏览器的绘图功能进行渲染，实现了纯客户端的 PDF 阅读器。 使用 pdf.js 进行 PDF 文件预览，需要先在页面中引入 pdf.js 和 pdf.worker.js 两个 JavaScript 文件，然后使用以下代码创建一个 PDF 预览器： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>PDF.js example</title> <script src="pdf.js"></script> <script src="pdf.worker.js"></script> </head> <body> <canvas id="pdf-canvas"></canvas> <script> // PDF.js 预览器 var canvas = document.getElementById('pdf-canvas'); var url = 'example.pdf'; // 加载 PDF 文件 PDFJS.getDocument(url).then(function (pdf) { // 获取第一页 pdf.getPage(1).then(function (page) { // 设置缩放比例 var scale = 1.5; // 获取页面宽度 var viewport = page.getViewport(scale); // 设置 Canvas 大小 canvas.width = viewport.width; canvas.height = viewport.height; // 渲染页面 var ctx = canvas.getContext('2d'); var renderContext = { canvasContext: ctx, viewport: viewport }; page.render(renderContext); }); }); </script> </body> </html> ``` 上述代码中，使用 `PDFJS.getDocument(url)` 方法加载 PDF 文件，并通过 `pdf.getPage(1)` 方法获取第一页，然后根据缩放比例和页面宽度计算 Canvas 大小，并使用 `page.render(renderContext)` 方法渲染页面。 需要注意的是，pdf.worker.js 文件的路径需要与 pdf.js 文件的路径相同，否则会出现无法加载 worker 的问题。另外，pdf.js 依赖于 Promise 和 TypedArray 等 Web API，需要在较新版本的浏览器中使用。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值