嘉兴网站建设多少钱,沧州小程序开发制作,动漫网页设计图片,长沙县工程建设质监站网站本文介绍的是在使用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)