js pdf展示插件(pdfobject)

绝地灬酷狼 2022-06-06 12:21 345阅读 0赞

`我的环境： 前端： thymeleaf    后台springmvc 前端代码： 引入相关包：`

<script th:src="@{/assets/js/pdf/pdfobject.js}"></script>

html容器：

<div  id="pdfDiv" style="height:600px;width:1200px">
    			  
    			  
    	</div>

js调用：

window.onload = function (){
    			var mid=getUrlParam("mid");
    			 var success = new PDFObject({ url: "http://localhost:9080/ymlib/administrator/manuscriptManagement/getPdf?mid="+mid}).embed("pdfDiv");
    			}

控制层代码：

@RequestMapping(value = "/getPdf", method = RequestMethod.GET)
    	public ResponseEntity<InputStreamResource> getPdf(@RequestParam(value = "mid") String mid) {
    		 Manuscript  manuscript=manuscriptRepository.findOne(mid);
    		
    		 Query query = new Query(Criteria.where("_id").is(new ObjectId(manuscript.getFileId())));
    		 GridFSDBFile file_check = gridFsOps.findOne(query);   
    		 InputStream in = file_check.getInputStream();
    		 return ResponseEntity.ok().contentLength(file_check.getLength())
    					.cacheControl(CacheControl.maxAge(3600, TimeUnit.SECONDS)).contentType(MediaType.valueOf("application/pdf"))
    					.body(new InputStreamResource(in));
    	}

效果图如下:

![Center][]

[Center]: /images/20220606/6f04c98a8cf1451f8903d270f29d5496.png

发表评论取消回复

表情：

评论列表（有 0 条评论，345人围观）

还没有评论，来说两句吧...

相关阅读

相关使用pdfobject预览pdf文件

1.页面代码，引入js文件，根据文件id加载pdf预览文件 <html xmlns="http://www.w3.org/1999/xhtml"> <head

冷不防/ 2023年10月05日 13:32/ 0 赞/ 10 阅读

相关 vue插件 JSON 数据树形展示插件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2023年06月27日 03:17/ 0 赞/ 3 阅读

相关 pdf.js实现pdf内容图片展示

获取pdfViewerMaster文件链接：https://pan.baidu.com/s/1w7rKU1T22vGzr11efGiPZA 提取码：FDGY 使用

Love The Way You Lie/ 2022年12月20日 03:27/ 0 赞/ 342 阅读

相关读取pdf文件在页面上展示(不需要插件)

有时候需要读取硬盘上的PDF文件，然后展示在页面上。发现在网上聊的都是通过插件去读取pdf文件的内容，没有聊到在页面展示的问题。下面列举一下：一、读取文件代码pdfVi

小鱼儿/ 2022年08月10日 00:51/ 0 赞/ 213 阅读

相关 PDF网页展示--PDF.js

1.功能介绍 PDF.js是Mozilla公司开发的pdf浏览器展示组件，项目主页位于[https://github.com/mozilla/pdf.js][https_

心已赠人/ 2022年07月03日 21:27/ 0 赞/ 365 阅读

相关 js pdf展示插件(pdfobject)

`我的环境：前端： thymeleaf 后台springmvc 前端代码：引入相关包：` <script th:src="@{/assets/js/pdf/

绝地灬酷狼/ 2022年06月06日 12:21/ 0 赞/ 346 阅读

相关使用pdfobject.js实现在线浏览PDF

闲来无事，就翻看了一个同学的作品，作品中有一个展示他的简历的页面，简历写在一个PDF中。然后在页面中直接显示出来了，可以下载，还可以打印，这个技术我还没有尝试过呢。

绝地灬酷狼/ 2022年05月22日 05:09/ 0 赞/ 253 阅读

相关 HTML上显示渲染PDF文件插件PDFObject（自带下载功能），超强，附插件下载地址

![70][] 非常好用的h5上显示pdf插件，可以打印，全屏预览，下载，旋转等。插件下载地址：[https://download.csdn.net/download/l

秒速五厘米/ 2022年05月16日 05:54/ 0 赞/ 712 阅读

相关前端react-pdf-js插件显示

1，安装 react-pdf-js插件：npm install --save react-pdf-js 2，代码如下 import React, { PureCom

桃扇骨/ 2022年03月26日 15:09/ 0 赞/ 1168 阅读

相关 pdf预览 pdf.js+pdfObject

1.下载pdf.js 第一步，下载源码：git clone git://github.com/mozilla/pdf.js.git （直接github下载zip 不能直接使

秒速五厘米/ 2021年10月19日 09:48/ 0 赞/ 617 阅读