使用pdfobject.js实现PDF预览时，文件地址问题

最新推荐文章于 2022-06-30 17:57:37 发布
最新推荐文章于 2022-06-30 17:57:37 发布
阅读量1.1k 收藏
点赞数
分类专栏： 在线预览 文章标签： java web http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44860141/article/details/106903799
版权

使用pdfobject.js实现PDF预览时，文件地址问题

function showPdf() {
	    var success = new PDFObject({ url: "./home/neptuneframework/zcgl_fjsc/8f429022-66c5-446c-9148-cd19d397a809202006172022393216.pdf" }).embed("pdf");
	}

显示的不是PDF，而是网页
红色部分为网页显示jsp

file:///F:/home/neptuneframework/zcgl_fjsc/8f429022-66c5-446c-9148-cd19d397a809202006172022393216.pdf

文件路径直接在浏览器访问时可以查看，写入项目中显示

在这里插入图片描述
文件路径该怎么写，放在哪儿才能正确显示？

色空大师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
pdf.js使用demo，（已解决资源跨域访问，隐藏打印下载等按钮）
12-02
由于谷歌浏览器停止对flash的支持，所以项目中用到的pdf预览插件需要更换。对比比较以后选择的pdf.js。在文件跨域访问上花费了很长时间，走了很多弯路才解决问题。下载和打印按钮的隐藏处理相对简单粗暴直接把view.html工具栏的div隐藏即可
隐藏文件的链接地址
ziyouyilan的博客
01-08 460
隐藏文件的链接地址 去掉a标签的href属性，直接在a标签中加onclick=”location.href=’userList’”这样文件链接的地址就不直接显示了
pdf.js引入方式及初始化配置
xiao1215fei的专栏
06-30 4634
官方下载地址：Getting StartedA general-purpose, web standards-based platform for parsing and rendering PDFs.http://mozilla.github.io/pdf.js/getting_started/#download 下载后解压缩文件，解压后文件目录如下： 将整个文件夹拷贝到项目public目录下的plugin文件夹下： 此时已经将pdf.js完全引入到项目中，然后在使用该功能的页面中写入： 其中通过v-
java正则表达式验证汉字
itmyhome的专栏
12-21 4217
统计指定内容的汉字个数： String str = "北京欢迎你 hello welcome!"; int count=0; Pattern pattern = Pattern.compile("[\u4e00-\u9fa5]"); char c[] = str.toCharArray(); for(int i=0;i<c.length;i++){ Matcher matcher = patt
js pdf展示插件(pdfobject)
拾荒者
11-08 1122
我的环境： 前端： thymeleaf    后台springmvc 前端代码： 引入相关包： html容器： js调用： window.onload = function (){ var mid=getUrlParam("mid"); var success = new PDFOb
pdfobject div中预览pdf
HDXxiazai的博客
05-19 497
new PDFObject({ url: "PDF路径" }).embed("div的id"); <script type="text/javascript" src="/js/static/js/pdfobject.js"></script> <script> window.onload = function() { new PDFObject({ url: "/js/static/pdf/sample.pdf" }).embed("pdf..
php页面pdfobject.js使用,[转]PDF预览插件PDFObject.js
weixin_32644319的博客
03-28 580
When possible, use standardized HTML markup and avoid JavaScriptIn an ideal world, you would always embed your PDF files using an element hard-coded in your HTML markup. Why? For starters, avoiding J...
在线pdf预览插件pdfobject.js设置参数使用pdf预览器打印下载
06-15
在线pdf预览插件pdfobject.js设置参数使用pdf预览器打印下载
PDF.js使用总结
简约人生的博客
03-15 2万+
PDF.js使用总结 PDF.js是为html5实现的在线预览pdf框架，所以使用的前提是浏览器要支持html5。该插件不需要任何本地支持，对浏览器的兼容性也比较好（低版本的IE浏览器请绕行）。 本文记录了pdf.js插件使用方式和框架构建过程中遇到的一些问题，主要实现了以文件路径和文件流的方式预览的功能，通过修改源码对预览页面下载、打印按钮可操作性进行了控制，同时在预览界面添加了关闭按钮...
pdf.js使用教程
weixin_30321709的博客
05-26 885
pdf.js框架的魅力所在，为其为HTML5实现的，无需任何本地支持，而且对浏览器的兼容性也是比较好，要求只有一个：浏览器支持HTML5就好了！（不过对于低版本的IE，就只能节哀了！） 据说IE9以上是OK的，因为我本地是IE11，所以我只在IE11上测试过，是通过的（当然火狐，360，我也测了一下，是可以的）。 因为项目开发需要，在线展示PDF，而且要兼容IE，所以就选择了pdf.js...
object、param标签及页面显示PDF文件的方法
tanguang_honesty的专栏
01-22 3万+
object、param标签及页面显示PDF文件的方法   一、object、param标签  HTML 标签 定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Fl
PDF预览之PDFObject.js总结
beyond__devil的博客
12-17 2万+
PDFObject.js - 将PDF嵌入到一个div内，而不是占据整个页面(要求浏览器支持显示PDF，不支持，可配置PDF.js来实现) 官网: https://pdfobject.com/ github地址： https://github.com/pipwerks/PDFObject 支持： PDFObject 2.0不向后兼容1.0版本，针对现代浏览器设计，支持Chrome, F
前端预览PDF：PDFObject、PDF.js
热门推荐
liuyaqi1993的博客
09-03 4万+
object、embed、iframe这几个标签能实现PDF文件的预览（无需JavaScript支持），但是都受限于浏览器的支持。PDFObject是一个通过embed标签实现PDF预览的js库，速度较快。对于不支持PDF预览的浏览器则可以通过PDF.js来进行预览，其实现是基于Canvas 。
PDFObject的使用（转）
weixin_30585437的博客
07-08 1868
1.pdfobject.js官网：https://pdfobject.com/ 2.在html文件中引入这个文件，以pdfobject.min.js为例 1 <scripttype="text/javascript" src="js/pdfobject.min.js"></script> 　效...
PDFObject.js实现预览pdf文件
随风奔跑的桉树
06-11 1834
https://blog.csdn.net/i_dont_know_a/article/details/80707963
使用pdfobject.js实现在线浏览PDF
蜗牛先生
06-15 3万+
闲来无事，就翻看了一个同学的作品，作品中有一个展示他的简历的页面，简历写在一个PDF中。 然后在页面中直接显示出来了，可以下载，还可以打印，这个技术我还没有尝试过呢。 正好想弄点新鲜玩意儿玩玩，忽然想起前段时间我也收藏过关于这个技术的几篇博客，就把这几篇收藏打开，看看怎么实现这个效果。 ▍特点 1、能自由选择需要浏览的页面 2、从左至右依次为...
pdfobject.js和pdf.js的详解
Brilliant Me 的博客
12-05 8708
最近的工作中遇到了很多坑，主要是因为最近做的报表，需要展示pdf文件，遇到很多问题，在这里我来一一描述下。 以下是大概遇到的问题描述： 使用的h5的embed标签展示pdf文件。ie那货却必须要装插件才能预览。简直恶心 经理让去掉打印和下载按钮，就是要自己控制浏览器的显示 第一个问题的解决当时再网上查询了这种资料，决定将embed换成 PDFObject.js 然后就在github上下载pdfo
PDFObject.js的使用
zt_star的博客
05-27 4933
首先导入PDFObject.js文件，然后在加入下面的代码段 window.onload = function (){   var myPDF = new PDFObject({ url:"这里是pdf的文件地址" }).embed();    }; PDFObject.js可跨域访问文件。
使用pdfobject.js实现在线预览pdf文件
最新发布
03-30
使用PDFObject.js实现在线预览PDF文件的步骤如下： 1. 引入PDFObject.js库。可以从官方网站下载最新版本的PDFObject.js库，然后在HTML页面中引入： ```html <script src="path/to/pdfobject.js"> ``` 2. 创建一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值