首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Fluid -3- pdf.js PC,移动端查看 PDF

hexo 有各种支持pdf查看方案,但大多不同时支持移动端和PC端,本文记录使用 pdf.js 实现各设备查看 pdf 的方法。...官方网站:https://mozilla.github.io/pdf.js/ 下载 pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 新版本不支持部分浏览器,为了更好的兼容性...,下载旧版本浏览器的文件包 点击 Download 按钮 下载并解压相关内容 修改 viewer.js 直接使用下载的文件会报错 Error: file origin does not match viewer's...需要注释掉 web/viewer.js 文件中的相应内容: 加入主题 将下载文件夹命名为 pdfjs,拷贝到 themes/fluid/source/js 中 使用方法 在markdown 文档中使用...file=' style='width:100%;height:100%'> src-to-pdf:为 pdf 文件的链接 style 可以根据实际需求适当调整

8.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 pdf.js 在网页中加载 pdf 文件

    在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票。(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件。 ?...build目录包含以下内容,其中pdf.js是核心文件 ? web目录包含以下内容,其中viewer.html是pdf查看器 ?...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件查看器脚本文件viewer.js 、资源文件local.properties。 ?...4、直接在浏览器中打开viewer.html,能正常的显示pdf查看器,但是无法显示pdf文件。 ?...该查看器中默认加载的是 pdf.js 的使用说明书内容。 ? 二、将 pdf.js 集成到项目网页中 将解压缩的内容复制到项目中 ? 有多种方式加载加载并查看pdf文件内容。

    42.9K61

    pdf.js预览pdf文件流(base64)

    1、前言: 新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件文件流base64字符串,前端只能拿到base64来进行预览。...pdf.js是一款非常优秀的pdf解析工具,但不支持直接预览文件流,这里需要对pdf.js稍微改造。...2、下载pdf.js 下载地址:https://mozilla.github.io/pdf.js/ 下载稳定版本,下载后解压,把他放在静态资源目录下面,我这里的项目是老项目,前后端么有分离的java项目...,放在webapp下面,我把下载以后的文件解压重新命名为pdfjs文件夹,如图  3、保存pdf文件流 我这里是一个接口返回包括内容详情,图片,pdf文件等所有内容,点击一条pdf记录,跳转打开新的标签页进行预览...因此把接口返回的pdf文件流base64编码先本地缓存.跳转到我们下载的pdf文件夹里面的【viewer.html】文件

    15.6K21

    组件分享之前端组件——基于pdf.js在线预览PDF文件

    组件分享之前端组件——基于pdf.js在线预览PDF文件 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件...组件基本信息 组件:pdf.js 开源协议:Apache-2.0 许可证 使用与下载:https://mozilla.github.io/pdf.js/ 内容 本次分享的组件是用于在浏览器中在线查看...下面是其开源库中的描述内容: PDF.js是使用 HTML5 构建的可移植文档格式 (PDF) 查看器。 PDF.js 由社区驱动并受 Mozilla 支持。...1、创建一个html页面,并在其中增加如下代码 PDF.js '...中增加如下代码进行加载需要在线展示的pdf文件 // 如果提供了来自远程服务器的绝对URL,则在该服务器上配置CORS头。

    5.1K20

    PDF文件攻击

    这次来说说一个关于由PDF文件的栈溢出而引发的远程任意代码执行的典型老版漏洞。这枚漏洞是在2010年被发布出来,距今已快10年之久,但是漏洞却很简单粗暴,有着打开PDF文件就立马中招的效果。...查看配置是否正确 show options ? 7. 设置生成的文件名 set FILENAME 0000.pdf 8. 执行生成文件 Run(exploit) ?...注:生成的文件在隐藏的文件夹中,须将隐藏去掉。 ? ? 二、将PDF木马文件拷贝至靶机上(在真实环境下,可以社工一下,诱使目标打开PDF) Metasploit开启监听,等待肉鸡上线。 1....查看配置是否正确 show options ? 6. 开启监听 run ? 三、肉鸡上线 在目标打开PDF文件时,会产生卡壳无法正常打开,当软件关闭,meterpreter也将会断开。...现市面上主流的PDF查看器中都存在着类似问题,使用这些PDF查看器的用户都可能会受到影响。

    2.5K30

    PDF文件怎么打开?电脑怎样修改PDF文件内容

    怎样打开PDF文件可以修改内容,这里有两个的方案可供选择。...有的PDF文件属于机密资料,这种文件一般不需要进行修改编辑,但一定是要存档的,存档后会时不时需要查阅,电脑兼容的话用WPS可以打开浏览。...这个电脑上已经运行的WPS,只需要鼠标双击PDF文件,就能打开PDF文件浏览了,但很多朋友会发现这样打开PDF文件并不能修改文件的内容。...好比简历PDF文件,需要修改内容的话就要编辑器做载体,PDF编辑器先打开,然后找到工具页面上的打开按钮,然后再选择PDF。...像类似这种PDF文件怎么打开,怎么编辑的问题还有很多,这里先教给大家PDF文件怎么打开能编辑,希望有需要的朋友们能看到这篇文件,就不用麻烦的去转文件格式了,转文件格式转成word这种常见的易操作的格式,

    5.4K20

    linux xps文件,Master PDFPDF和XPS文件编辑神器

    假设您正在致力于Windows系统的替换,恰好又在为寻找一款可在优麒麟Ubuntu或其它Linux发行版具备PDF-XChange Viewer,Foxit Reader或Adobe Reader类似强大功能的...PDF替代软件,那么本编很乐意向您推荐Master PDF编辑器,这是一款私有软件,其Linux版本可以作为个人工具免费使用,最新版本最低环境要求是Qt 5.4.1或以上版本。...Master PDF具有以下功能特点 创建来自任意视窗应用的文档,支持打印功能 修改任意PDF或XPS文件的内容 快速显示PDF和XPS文件 添加、删除和修改文本/图像 导入XPS和PDF文件为BMP、...JPEG、PNG、TIFF格式,分辨率范围为80DPI~600DPI 书签编辑 PDF加密 PDF表单域创建和编辑 可采用128位加密算法加密PDF文档 将XPS文件转换为PDF 下载安装Master...PDF编辑器 您可在Ubuntu软件中心中找到Master PDF,点击安装即可,如下图: 或者从官网下载deb文件安装,比如master-pdf-editor-5.1.60_qt5.amd64.deb

    3.2K10

    PDF文件密码破解

    0x01 前言 今天在整理文档的时候发现,有几个随机数字命名的加密pdf文件,回想了一下相关情况,好像密码是6位以内的数字加字母。正好记录一下使用hashcat和john爆破PDF文件密码的用法。...这里使用john的提取pdf文件密码hash的脚本pdf2john。 john的脚本目录在/usr/share/john/下,把pdf文件传上去,执行即可。 ? 使用一个在线的网站也可以。...https://www.onlinehashcrack.com/tools-pdf-hash-extractor.php ? ? 对比一下hashcat的选项 ? 垃圾的我一时不知道该用哪个好了。...时间是19年末,应该是用的比较高级的加密算法,所以这里我赌10700哈哈哈 hashcat.exe -m 10700 -a 3 $pdf$4*4*128*-4*1*16*f8e0565b3c4d9795db089448fcf5426e...如果参数后不带文件名,JOHN默认使用RESTORE文件。 -makechars: 制作一个字符表,你所指定的文件如果存在,则将会被覆盖。

    4.1K30

    markdown转为pdf文件

    要求: 把.md格式转为.pdf格式,并批量处理,最后将多个pdf文件合并为一个pdf并以文件名作为书签名 解决思路: 1.md格式的markdown文件转为html 为了将 md 格式转换成 html.../usr/bin/env python3 # -*- coding: utf-8 -*- ''' 本脚本用来合并pdf文件,支持带一级子目录的 每章内容分别放在不同的目录下,目录名为章节名...将其合并输出到一个pdf文件中,输出的pdf文件默认带书签,书签名为之前的文件名 #默认情况下原始文件的书签不会导入,使用import_bookmarks=True可以将原文件所带的书签也导入到输出的pdf...,先分别合并每个子目录文件为一个pdf,然后再将这些pdf合并为一个大的pdf,这样做目的是想生成每个章节的书签 # 1.指定目录 # 原始pdf所在目录 path = "E:\...Data\RenZhengfei-master\ALL-pdf" # 输出pdf路径和文件名 output_filename = "E:\Data\RenZhengfei-master"

    97710

    java 打印pdf_java打印pdf文件

    目录 一、Java的打印简介 二、Java打印实现 2.1 JPG图片文件格式打印实现 2.2 PDF文件格式打印实现 2.3 Word文件格式打印实现 2.3.1 Word文件采用jacob插件进行打印实现...2.3.2 先将word转化为pdf文件,然后打印pdf(lz使用) 三、总结 ---- 一、Java的打印简介 在我们的实际工作中,经常需要实现打印功能。...文件格式打印实现 在经过网上的查找及对比,我选择了使用Apache PDFbox来实现进行PDF文件格式的打印。...优点:功能强大,开源软件,较完美的解决了PDF格式文件的一系列处理,使用方便。...文件(这里传入的文件为上面word转化生成的pdf文件) //这里传入的文件为word转化生成的pdf文件 public static void PDFprint(File file ,String printerName

    5.3K20
    领券