首页 > Web开发 > 详细

pdf.js的使用

时间:2018-12-05 21:31:34      阅读:191      评论:0      收藏:0      [点我收藏+]

关于pdf.js的使用,我现在只会一点点

首先先下载pdf.js,可以下载官方的

而后是将这个文件夹复制到项目中,我使用的是idea,我将它放在webapp下。

技术分享图片

而后再编写一个jsp文件

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/12/5 0005
  Time: 下午 6:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>Title</title>
</head>
<body>

<iframe id="displayPdfIframe" width="100%" height="800"

        src="<c:url value="pdf/web/viewer.html" />?file=<c:url value="/helloworld.pdf"/>">

</iframe>

</body>

</html>

其中

src="<c:url value="pdf/web/viewer.html" />?file=<c:url value="/helloworld.pdf"/>">
两个路径一定要写对
一个是再复制过去文件夹里的,一个是你自己将pdf文件放置的位置。我才用了基础路径。
而后再去运行Tomcat

技术分享图片

pdf.js资源https://pan.baidu.com/s/1UZBOO4gSDE32YUbQEDK6jw  提取码  g0k2

pdf.js的使用

原文:https://www.cnblogs.com/cinex/p/10073393.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!