pdf.js 使用

pdf文件能够比较好的保留源格式,传输也比较方便,现PC端浏览器基本都可直接查看pdf文件,只是界面风格不怎么统一,但是手机端查看pdf文件就不能很好的只“预览”,往往都是自动下载到本地再查看,今天分享pdf.js,主要用于在线pdf预览,平时我使用比较多的场景就是培训手册。

我用的是1.1.159,版本比较旧,解压后文件只有3.66 MB。

pdf.js 使用

 

 

使用方法如下:

一、将pdf文件放至“web”文件夹下

pdf.js 使用

 

 二、新建一个静态页——help.html

pdf.js 使用

 

 

三、部署到服务器

 

四、PC端和Phone端效果如下

pdf.js 使用

 

 pdf.js 使用

 

 附上压缩包:

 https://files.cnblogs.com/files/dysjwang/pdf.js.zip?t=1679561704

 


 

最后插一句题外话,pdf作为培训手册通过网页展现也可使用另一种方法,通过Photoshop将pdf另存为一张张图片,然后写个简单的html显示这一张张图片,作为纯静态页,在PC端和Phone端显示效果都挺不错,且打开速度很快。

原文链接:https://www.cnblogs.com/dysjwang/p/17248088.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:pdf.js 使用 - Python技术站

(0)
上一篇 2023年4月18日
下一篇 2023年4月18日

相关文章

  • JavaScript中property和attribute的区别详细介绍

    JavaScript中property和attribute的区别详细介绍 在JavaScript中,property和attribute指的都是HTML元素的属性,但它们的含义和使用方式有所不同。 property property是HTML元素的属性,是对象的一部分,可以通过JavaScript来操作。在JavaScript中,我们可以使用element.…

    JavaScript 2023年6月10日
    00
  • 微信小程序开发入门基础教程

    微信小程序开发入门基础教程 前言 微信小程序是一种全新的应用形态,可以在微信中打开,使用前端技术进行开发。相比传统APP而言,微信小程序不需要安装,用户可以直接通过微信扫描二维码或者搜索来使用。本文将从基础入门开始,介绍微信小程序的开发过程。 准备工作 在开始微信小程序开发之前,需要准备好以下环境:1. 微信开发者工具,可以在这里下载。2. 微信公众平台账号…

    JavaScript 2023年5月27日
    00
  • javascript 正则表达式用法 小结

    JavaScript 正则表达式用法小结 什么是正则表达式 正则表达式是一种用来匹配字符串的模式。在 JavaScript 中,正则表达式可以用来处理字符串的各种操作,比如查找、替换和提取等等。 正则表达式的基本语法 正则表达式由若干个字符和元字符组成,其中元字符用来指定匹配规则。下面是一些常见的元字符和它们的含义: 元字符 含义 . 匹配任意单个字符。 ^…

    JavaScript 2023年5月28日
    00
  • javascript 面向对象技术基础教程第1/2页

    JavaScript 面向对象技术基础教程攻略 概述 JavaScript 是一门基于对象编程的语言。面向对象编程 (OOP) 是一种典型的编程范式,它将问题抽象成一系列对象,然后通过对象之间的交互解决问题。在 JavaScript 中,有许多实现面向对象编程的技术,如对象、类和原型等。在本教程中,我们将通过介绍这些技术,帮助读者在 JavaScript 中…

    JavaScript 2023年6月10日
    00
  • angularJs中datatable实现代码

    下面给出AngularJS中datatable实现代码的完整攻略,这里使用的是AngularJS版本为1.x,实现过程中需要使用一些第三方库来支持。攻略分成以下几个步骤: 步骤一 安装必需的依赖 在开始之前,你需要在本地安装以下库: jQuery:用于操作DOM和事件处理 Bootstrap:用于样式 AngularJS:主要的MVC框架 <!– j…

    JavaScript 2023年6月11日
    00
  • JS实现动态倒计时功能(天数、时、分、秒)

    实现动态倒计时功能是Web开发中常见的需求之一,JS是实现这一功能的重要工具之一。下面我会为你详细讲解如何使用JS实现动态倒计时,并提供两个详细的示例说明。 编写HTML结构 首先需要在HTML页面中添加需要倒计时的元素,可以使用HTML5中的<time>元素来显示时间。在这个例子中,我们将需要倒计时的元素放在<div>标签中。 &l…

    JavaScript 2023年5月27日
    00
  • js 判断上传文件大小及格式代码

    下面是关于 JS 判断上传文件大小及格式的完整攻略。 判断上传文件大小 如果想在上传文件时限制上传文件大小,可以使用以下代码进行判断: const fileSizeLimit = 1024 * 1024; // 限制 1MB const file = document.querySelector(‘input[type="file"]’)…

    JavaScript 2023年5月27日
    00
  • JavaScript 类型转换的详细实现

    下面是 JavaScript 类型转换的详细实现攻略。 1. 强制类型转换 JavaScript 中的强制类型转换是将一种类型的值转换为另一种类型的值。主要有以下几种类型转换的方式: 1.1 ToPrimitive:将值转换为基本类型值 使用 ToPrimitive 算法可以将一个值转换为基本类型值。该算法通常会被 JavaScript 内部的隐式类型转换所…

    JavaScript 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部