在线营销型网站,重庆模板做网站,重庆周边游景点推荐,360建筑网忘记登入密码了怎么办本文介绍的是在使用jsp作为模板引擎的spring-mvc项目中#xff0c;如何利用 PDF.js实现pdf文件的预览。
1、下载 PDF.js Getting Started (mozilla.github.io) 下载解压后其中有两个目录#xff0c;直接将这两个文件夹放到项目的web资源目录中。此时相当于把PDF.js这个项目也…本文介绍的是在使用jsp作为模板引擎的spring-mvc项目中如何利用 PDF.js实现pdf文件的预览。
1、下载 PDF.js Getting Started (mozilla.github.io) 下载解压后其中有两个目录直接将这两个文件夹放到项目的web资源目录中。此时相当于把PDF.js这个项目也同时部署到了当前项目中。优点是使用方便缺点就是体积比较大。除此之外也可以单独部署使用起来区别很小。 2、配置mime-type
打开pdf.js的build目录可以看到其中的 .mjs文件默认 spring-mvc没法识别在 web.xml中添加下列配置
web-app xmlnshttp://xmlns.jcp.org/xml/ns/javaeexmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexsi:schemaLocationhttp://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsdversion4.0 mime-mappingextensionmjs/extensionmime-typeapplication/javascript/mime-type/mime-mapping
/web-app添加完之后可以直接访问一下web/viewer.html默认会预览 compressed.tracemonkey-pldi-09.pdf 这个文件这是pdf.js默认的预览文件。 注意
如果可以访问到但是没法预览可以降低一下 pdf.js的版本选一个3.x的版本 Releases · mozilla/pdf.js (github.com) 3、创建页面
创建一个用户预览pdf的jsp页面内容如下使用一个 iframe标签访问 viewer.html进行文件预览 iframe的 src属性使用jstl标签添加一个名为file参数参数值为一个返回 pdf文件流的接口。
% page contentTypetext/html;charsetUTF-8 %
% taglib prefixjstl urihttp://java.sun.com/jsp/jstl/core%
html
headtitleviewPdf/title
/head
body
iframe srcjstl:url value/pdfjs/web/viewer.html /?file/spring_mvc/getPdfFile.do?pdfUrl${requestScope.get(pdfUrl)} width100% height100% styleborder: unset/iframe
/body
/htmlGetMapping(/getPdfFile)public void getPdf(String pdfUrl, HttpServletResponse response) {try {URLConnection connection new java.net.URL(pdfUrl).openConnection();InputStream inputStream connection.getInputStream();response.setHeader(Content-Disposition, attachment;fileNametest.pdf);response.setContentType(multipart/form-data);OutputStream outputStream response.getOutputStream();IoUtil.copy(inputStream, outputStream);} catch (Exception e) {log.error(e.getMessage(), e);}}此处是使用了一个可访问的url作为接口的参数此处完全可以换成其他方式获取文件流。
4、创建一个页面控制器访问预览页面
GetMapping(/viewPdf)public String viewPdf(RequestParam(pdfUrl) String pdfUrl, HttpServletRequest request) {request.setAttribute(pdfUrl, pdfUrl);return viewPdf;}在页面上访问 /viewPdf接口并传入一个 pdfUrl参数该参数是一个可访问的pdf文件的url。
5、测试
使用 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf测试预览。
访问本地的 viewPdf接口
http://localhost:8081/spring_mvc/viewPdf.do?pdfUrlhttps://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf即可看到如下界面
6、问题总结
如果在预览界面中功能按显示乱码则可以在 web.xml中添加如下配置 mime-mappingextensionproperties/extensionmime-typeapplication/octet-stream/mime-type/mime-mappingmime-mappingextensionbcmap/extensionmime-typeapplication/octet-stream/mime-type/mime-mapping具体原因见pdf.js使用爬过的坑 - 只争朝夕不负韶华 - 博客园 (cnblogs.com)
