使用pdf.js预览远程服务器上的PDF文件 20C

按照网上的将URL用流的形式传回前台,交给viewer.js渲染,但是还是不好使,有解决
过这个问题的吗。
那些在网上随便搜个答案就来告诉我的就不用来了,网上的那些答案都试过了,不好使,想要真正解决过个这问题的回答。

pdf
0

2个回答

自己浏览器打开url能正常打开没有先,是否能正常浏览pdf内容或者弹出保存对话框,而且不能跨域
满足上面的条件后还不行自己f12看浏览器控制台报什么错误

别人下载的没有问题你的不行肯定是哪里配置错了,你什么错误都没说能帮你解决就见鬼了,靠猜怎么行。

pdf.js如何配置语言本地化

3
bianliuzhu
bianliuzhu 亲测 可用(一行代码搞定):https://blog.csdn.net/bianliuzhu/article/details/80622215
3 个月之前 回复
IamToo_cai
IamToo_cai 点赞求金币
4 个月之前 回复
weixin_43040405
weixin_43040405 给大牛点赞,为了3个C币
4 个月之前 回复
kuyeduwu
kuyeduwu 感谢楼主,,点赞。。。为了C币
4 个月之前 回复
m000000l
m000000l 点赞,感谢大佬
4 个月之前 回复
weixin_42916540
weixin_42916540 感谢楼主,,点赞。。。为了C币
4 个月之前 回复
lengcheng03
lengcheng03 回复showbo: 可以正常浏览
5 个月之前 回复
showbo
showbo 回复lengcheng03: 你要访问你网站的代理页面。如果pdf在你网站下是不存在跨域的。如果是加载外站的pdf,这个pdf必须要经过你服务器下载后输出才行。你确认浏览器直接访问你的后台能正常浏览pdf?自己看网络选项卡输出pdf的url地址是否正常返回,200状态
5 个月之前 回复
caozhy
caozhy 正解
5 个月之前 回复
lengcheng03
lengcheng03 回复showbo: 用pdf.js不能通过http协议访问远程服务器文件,存在跨域问题,所以才用这种方式来解决
5 个月之前 回复
lengcheng03
lengcheng03 按照这个帖子弄的https://blog.csdn.net/yufeng005/article/details/79415137
5 个月之前 回复
showbo
showbo 而且最好是发布网站后通过http协议访问,file协议不能用chrome,firefox测试也没用效果,最好是发布后测试。
5 个月之前 回复
lengcheng03
lengcheng03 正常打开URL能够正常浏览PDF内容,按照网上的跨域解决的方法是将URL传给后台,以流的形式传给前台,让前台显示,F12没有错误,用流的形式传给前台,前台也收到了值,但是不能显示出来。按照
5 个月之前 回复

正常打开URL能够正常浏览PDF内容,按照网上的跨域解决的方法是将URL传给后台,以流的形式传给前台,让前台显示,F12没有错误,用流的形式传给前台,前台也收到了值,但是不能显示出来。
用pdf.js不能通过http协议访问远程服务器文件,存在跨域问题,所以用这个帖子弄的,但是并不好使https://blog.csdn.net/yufeng005/article/details/79415137

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的。是时候展现真正的技术了!
其他相关推荐
关于pdf.js在线预览远程的服务器中的pdf
本文讲的是在线预览服务器中pdf。若是值查看固定的(项目中的)pdf的话直接看官网,这里不再说明。1.首先下载pdf.jshttps://github.com/mozilla/pdf.js下载后放入工程的静态文件目录,主要有build和web两个文件夹,其中web有两个js(getpdfInfo.js和jquery.min.js)是我自己后来加的2.在点击预览的页面(我的是jsp页面)写点击预览跳...
Java web使用pdf.js在线预览远程服务器上的pdf文件
Java web使用pdf.js在线预览远程服务器上的pdf文件,包里有pdf.js资源文件以及使用文档
使用pdf.js在线预览远程服务器上的pdf文件
在网上找的例子大多都是在线预览本地pdf文件,但是如果地址直接指向服务器地址,则会出现跨域问题,无法正常获取预览文件........ 我的解决思路就是将远程文件转换成文件流,然后将pdf.js的文件地址指向获取文件流的地址,下附代码...................... 1.自行下载pdf.js 我下载的目录如下,用不到的我就直接删除了。 2.实现请求远程服务
PDF.js获取远程服务器的文件
参考这个可以完成。https://www.cnblogs.com/xianglee/p/5780581.html把generic->web->viewer.js里的DEFAULT_URL注释掉。然后在同一路径下新建一个viewer.php文件。里面代码:echo file_get_contents($_GET['pdf_url']);目的是获取url地址,之后在viewer.html里...
pdfjs 实现预览服务器上的 PDF
pdf.js 是一个主要用于HTML5 平台上在线阅读PDF文档的小插件,基于JavaScript技术编写而成,无需任何本地技术支持。 pdf.js是由Mozilla Labs发布的。他们的目标是创建一个通用的,基于标准的网络平台,能够解析和渲染PDF文件,并最终发布一个PDF阅读器扩展,毫无疑问 pdf.js 将被整合入 Gecko 成为 Firefox 的内嵌 PDF 阅读器,但
通过pdf.js实现服务器端pdf文件的预览
一、这里简单介绍通过pdf.js进行预览pdf文件的方法,兼容火狐,谷歌,ie9+,实现方法如下:1、首先去官网下载pdf.js及相关文件,官网下载路径:http://mozilla.github.io/pdf.js/getting_started/#download 2、下载之后找到viewer.js文件,打开之后找到下图这段代码:DEFAULT_URL这个变量本来存的是文件夹里.pdf文件的默...
用pdf.js在手机APP端显示服务器端PDF文件
http://mozilla.github.io/pdf.js/getting_started/#download  下载网址 选择 Stable(v11.9.426)版本 在AndroidStudio 建立的工程的app下的main目录 右键--new--Folder--Assets Folder.   在main 目录下会新建一个assets 目录。将下载的pdfjs-1.9.42...
PDF文件在线预览之pdf.js
概述 pdf.js在是一个很成熟的技术了,网上也有很多相关的资料。但是都相对比较零散,所以当时我在做的时候还是花了较多的一个时间。本文在这里主要是对自己当时在处理时候碰到的一些相关问题做一个整理记录。 文件测试预览 版本:stable(v1.7.225) 下载后的压缩包解压后包含web和build两个文件夹。在iis下添加网站,指定物理路径并配置完成后。在浏览器中打开web文件夹下view
使用pdf.js完美解决跨域显示远程pdf问题
由于公司需要在业务系统展示文服的pdf,最后折腾发现pdf存在严重跨域问题。网上也是各种跨域解决方案,但是没有哪个真正合适或者说能实现的,我参考官方demo和结合网上的一些资源,自己写了一个demo,完美运行,希望对需要的人有一些帮助。pdf.js官网:http://mozilla.github.io/pdf.js/  1、页面的body,这里放了一个div,将会动态添加多个canvas,也就是显...
关于PDFJS在线预览
之前做过PDF预览,在本项目中,本是之前做好了,项目经理突然要求要后台给前传文件流的方式来预览,这可把我给蛋疼的,在网上搜罗一翻,找到PDFJS来实现效果,在网上找了各种资料,可是就是不显示啊有木有,经过两的时间  总算找到了原因,我不知道网上其他大牛是怎么做出来的,反正我按照他们的方式是不行,下面来说说我遇到的问题,整理一下,希望能帮助遇到和我一样问题的同学! 首先来看看网上的说法:  
pdf.js 在线预览
第一步:下载PDF.js包 PDF.js是githut上的一个开源项目,具体源码可以到githut上下载,地址:https://github.com/mozilla/pdf.js/。直接装有git工具的可以克隆到本地,命令:git clone git://github.com/mozilla/pdf.js.git,没有安装git工具的可以直接下载zip压缩包,解压即可(我没有安装git工具,
在线预览pdf(pdf.js)java示例
demo所使用的工具eclipse 功能 1.实现dpf在线预览, 2.跨域访问pdf
通过pdf.js预览PDF文件
1、预览PDF文件前段页面demo 下载js插件(官网有api可以看看的),http://mozilla.github.io/pdf.js/ <html> <head> <meta charset="UTF-8"></meta> <title>PDF.js 测试浏览器预览PDF文件</title> <st
利用pdfjs实现pdf的在线预览
1、pdfjs包的位置2、后台java@RequestMapping(params = "goViewPDF") public ModelAndView goViewPDF(HttpServletRequest request,HttpServletResponse response){ String filePath = request.getParameter("filePath"...
使用pdf.js进行在线预览PDF出现问题
调用pdf.js进行预览pdf的时候,使用谷歌浏览器,360浏览器和火狐浏览器打印,下载,浏览都没有问题。但是在IE下,打开,下载,浏览没有问题,但是直接打印的时候,打印出来直接是我的首页内容,这是什么问题呢??求大神帮忙解答一下!
利用pdfJS实现以读取文件流方式在线展示pdf文件
PDF.js 的使用 PDFJS是在线预览PDF的一款神器。 对于PC端浏览器,一般直接提供pdf文件,iframe一下就可以直接预览了。我使用这个插件的原因是在移动端,android微信无法在线预览,原因是微信android使用x5的内核,就是QQ浏览器的那个貌似它只要检测到文件流,就会直接下载。 官网地址:http://mozilla.github.io/pdf.js/ 下载PDF....
使用pdf.js+jacob实现web版的pdf文件预览
使用jacob实现office(doc,docx,ppt,pptx,xls,xlsx)和txt转换为pdf文档,然后使用pdf.js在浏览器端进行预览。 1:文档转换参考这位大牛(太牛逼了)的https://my.oschina.net/UpBoy/blog/340178点击打开链接。在项目中我使用的是jacob-1.17-M2版本,代码如下: public class PdfUtils {
pdf.js使用文件流预览pdf
网上大部分pdf.js都是用url方式预览pdf,此处给出pdf.js使用文件流预览pdf的Web工程; 此是maven工程; 100%能运行;
pdf.js使用(在线预览pdf文件)
最近公司需要pdf在线预览,于是找到pdf.js这个插件 , 好处就在于 pc端和移动端 不需要花过多的精力去调。 1:需要到官网下载源码:https://mozilla.github.io/pdf.js/          2:将源码加入到项目中目录如下: 在web下有如下: 这里我们需要改动viewer.js ,打开其中有一段: 只需要将DEFAULT_URL  默认值去
java集成pdf.js实现pdf文件在线预览
最近项目需要实现在线预览pdf文件功能,找来找去,发现有个pdf.js的类库挺好用,直接用js实现在线预览。 pdf.js是开源项目,github的地址: https://github.com/mozilla/pdf.js 根据教程指引,有以下几个步骤: - clone源码到本地,如果是linux的话很方便,windows的话要另外下载git工具; git地址:https://git-fo
使用pdf.js在线预览pdf
预览pdf使用pdf.js,兼容ie和chrome,并且使用ie是可以免安装插件 1.下载pdf.js   https://github.com/mozilla/pdf.js/releases/download/v1.8.188/pdfjs-1.8.188-dist.zip 2.解压pdf.js 得到文件夹 3.将解压的文件夹复制粘贴到项目中 4.修改viewer.js里的 var D
pdf.js展示流文件
demo下载地址https://gitee.com/yuhaifei/pdfjs.git 下载pdf.js文件http://mozilla.github.io/pdf.js/ 把viewer.js中的var DEFAULT_URL删除 viewer.html 中添加 DEFAULT_URL 把地址改成流的地址,切记viewer.js在最后 link rel="resource" type
Pdf.js在线预览不同的pdf文件
之前写过一篇推文是在线预览的,但是使用的是jquery.media.js,但是发现火狐浏览器的展示有问题,虽然换成pdf.js后也是有问题,但是也算是玩了一下pdf.js。关于pdf.js是怎么用的相信大把的推文。我这里只是介绍一下怎么预览特定的文件,是自己可以选的,而不是很多推文中的写死的。因为大部分场景肯定是根据参数的值来展示不同的pdf文件。1、正常我们的思维肯定是下面的写法,就是直接在方法...
vue项目中使用pdf.js预览pdf文件
    项目要求需要预览pdf文件,网上找了很久,大多数都是推荐pdf.js,自己起了解了一下,最后决定用pdf.js, 但是发现,在vue中使用这个很少!!!!!所以我就写这一篇帮助一下vue使用pdfjs的朋友! 其实 这和前端框架无关的,直接使用pdf.js原生      搜多了你就发现有几个封装pdf.js的vue组件,个人试验了其中一个,效果不是很好,所以,当然啊,用原生 的是最...
pdf.js实现加载远程pdf和本地文件pdf(不是在webapp下),完美解决跨域问题
目标文件:远程pdf文件和本地文件(不是放在webapp下的文件,是电脑任意磁盘上的本地文件) 解决思路:        1.都是以文件流的形式来进行加载pdf文档,完美解决跨域问题        2.写一个servlet,将文件流输出,浏览器可直接打开,展示该pdf 注意: 至于pdf.js插件的使用,上官网即可,我不做过多解释了,网上也有很多 前端展示:http://localhos...
angular js使用pdfjs在线预览/打印/下载pdf
从pdfjs官方网站:http://mozilla.github.io/pdf.js/下载pdfjs-dist,直接引用里面的viewer.html就可在线预览pdf,效果如下图 但是,怎么可能就这么简单拿过来用呢? pdfjs对angularjs没有支持,所以参数的传递就成了问题,调整viewer.html代码,加入jquery和参数(加入时间戳参数防止在IE浏览器缓存问题) &lt...
工作笔记三——使用pdf.js实现pdf文件的在线预览
最近做移动项目(H5)时遇到一个需求,就是在线预览pdf文件。其实本来使用window.open()就可以实现了,但是这个API在IOS上是正常的打开Safari浏览器进行预览,在安卓上打开是则是下载预览,客户不满意;而且在将该应用嵌入到钉钉微应用时,这个API在安卓设备上根本不起效果。于是在网上找到了这个插件,去官网摘了个例子,并且结合移动端的上下左右滑动滑动翻页做了个例子,完美解决。以下是详细...
使用PDF.JS在线预览PDF文件
      最近项目用到PDF文件在线预览功能,博主在网上搜寻一番决定使用PDF.js插件。首先需要引入插件库,根据个人所需下载版本,博主使用的是v1.9.426版本。PDF.js插件下载地址:http://mozilla.github.io/pdf.js/1、博主使用的是spring-boot项目,其他的也类似。引入文件后目录结构如下:2、index.html内容如下:<!DOCTYPE ...
springboot整合pdf.js用文件流预览本地磁盘pdf文件
背景最近项目中有需求需要在前端上传pdf文件并进行预览,上传功能比较简单。而pdf预览的话,在网上对比个多个插件后,确定使用pdf.js插件进行pdf的展示。官网地址:[http://mozilla.github.io/pdf.js/]代码实现将pdf.js文件放入项目资源文件目录中,(例中使用springboot目录架构) 前端js代码$(".previewBtn").click(funct
手机端 阅读 pdf 文件 touchPDF.js
touchpdf 中文API 一款在手机端 阅读pdf 文件的 js库,能够 通过滑动进行 pdf 预览 翻页 TouchPDF是一个jQuery插件,它使用pdf.js短语和呈现支持触摸手势和自动页面选项卡的Web PDF查看器。 依赖关系: PDF.js jQuery touchSwipe插件 jQuery panzoom插件 jQuery mousewheel插件 特征: PDF
PDF.js插件的使用--在线浏览PDF文件
pdf.js可以实现在html下直接浏览pdf文档,是一款开源的pdf文档读取解析插件 pdf.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,,一个负责API解析,一个负责核心解析。
pdf js 手机上在线浏览pdf
pdf 在线浏览,适合手机上的百度文库,flexpaper在andorid手机上,qq浏览器不支持,可以使用pdf.js解决在手机上浏览pdf功能。
基于pdf.js的移动端在线pdf文件预览,支持跨域的源码
基于pdf.js的移动端在线pdf文件预览,支持跨域的源码,兼容性强,不受浏览器约束,还可以将pdf转成图片。
pdf.js 入门使用指南4-手机端浏览pdf(touch.js)
经过测试,使用pdf.js这个开源库,自己编写代码实现pdf 文件浏览也不是很复杂。参照我以前的blog文章,如果要实现上一页,下一页,旋转等都非常简单。 但是,手机端是个比较依赖手势特殊存在。如果要实现如下功能: 1:双指放大,通过捏合双指进行放大或缩小 2:单个手指移动,放大后,通过胆汁移动,查问pdf指定的区域 3:左右滑动分页,比如左滑上一页,右滑下一页。 如果...
pdf.js预览pdf文件
项目中需要做一个office在线预览的功能,所以用到了pdf.js 下载对应官方文件, 然后 预览 嗯,这样就可以了 期间遇到一个比较坑的问题,就是Chrome下面死活出不来,报错如下: Unexpected server response (204) while retrieving PDF 网上有人说是什么跨域问题,如开源中
在线预览插件pdf.js使用记录
在线预览插件pdf.js使用记录最近想做一个在线预览的功能,就找到了这个基于pdf.js插件,毕竟它是基于html5和js写出来的,相较于靠flash的其他插件,就不用多说了。下面就说下,使用过程写的demo中,遇到的问题。插件下载地址如下:http://mozilla.github.io/pdf.js/getting_started/#download 看一下下图,down下pdf.js之后,我们
网页中使用pdf.js展示pdf文件,全屏问题以及绝对路径如何读取
PDF展示   Web项目 其中有个需求是在网页中内嵌一个pdf展示,通过一侧展示出来的文件树的点击事件,展示不同的pdf文件,同时还要支持pdf的放大缩小旋转全屏等功能。 起初想了几种方案: 1.      将pdf文件转换成tiff文件(icepdf),公司有可以展示tiff的插件,能满足各种需求,但是在pdf转tiff过程中在服务器上出现字重的情况,一直没找出原因,最终放弃。 2.
js 实现 pdf 在线预览 打印 【完整版
今天想写的内容   因为网上有用的太少了,自己半摸索的实现了【文末有源码代码下载链接】。 1.说下需求:点击标题  跳转  预览的pdf  页,下载功能 可选【最好有】。 2.实现结果 :     3.代码实现: 依赖pdf.js  【需要下载完整  控件】 下载官网:http://mozilla.github.io/pdf.js/ 点击  ‘Download ’   到下...
Android使用js方案实现在线浏览pdf文档
由于公司在项目中新增一个开发票的功能,而从第三方返回的数据(文档所在服务器地址,即一个url)来看,既有图片格式,也有PDF格式,因此需要在项目中实现查看PDF文档的功能。从目前的实现方案来看,分别有以下几种:一、先将远程服务器的pdf文档下载到本地,然后在本地中进行操作,但是考虑到这样做体验不大好,因此排除了;二、使用第三方库的实现:https://github.com/barteksc/Andr
pdf.js实际应用pdf文件在手机版浏览
pdf.js实际应用pdf文件在手机版浏览 之前百度pdf.js怎么用,找到的基本都不能用,后来研究了一下研究出来了直接粘贴代码就可以用,小白适用,大神请跳过 这个要在线上测试,线下是不能成功 //pdf.js文件 //pdf.worker.js文件 var url = '../pdf/1.pdf'; //文件位置 var Obody=document.getElementById("bao"); var