码迷,mamicode.com
首页 > Web开发 > 详细

pdf.js的使用

时间:2018-12-05 21:45:04      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:odi   inf   idt   bubuko   文件夹   created   9.png   提取   lang   

关于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的使用

标签:odi   inf   idt   bubuko   文件夹   created   9.png   提取   lang   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!