首页
学习
活动
专区
圈层
工具
发布

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

build目录包含以下内容,其中pdf.js是核心文件 ? web目录包含以下内容,其中viewer.html是pdf查看器 ?...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件、查看器脚本文件viewer.js 、资源文件local.properties。 ?...该查看器中默认加载的是 pdf.js 的使用说明书内容。 ? 二、将 pdf.js 集成到项目网页中 将解压缩的内容复制到项目中 ? 有多种方式加载加载并查看pdf文件内容。...> 但是该方法把pdf文件写死了。...如果PDF文件与网站部署在一起,则不存在跨域。如果PDF在网站之外,则涉及到跨域问题。打开viewer.js文件,注释掉以下内容。 ? 还有其他方式也可以实现跨域,网络上有很多优秀的解决方案。

44.7K61

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】文件。

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

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

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

    6K20

    PDF文件攻击

    这次来说说一个关于由PDF文件的栈溢出而引发的远程任意代码执行的典型老版漏洞。这枚漏洞是在2010年被发布出来,距今已快10年之久,但是漏洞却很简单粗暴,有着打开PDF文件就立马中招的效果。...设置生成的文件名 set FILENAME 0000.pdf 8. 执行生成文件 Run(exploit) ? 注:生成的文件在隐藏的文件夹中,须将隐藏去掉。 ? ?...二、将PDF木马文件拷贝至靶机上(在真实环境下,可以社工一下,诱使目标打开PDF) Metasploit开启监听,等待肉鸡上线。 1....二、使用PdfStreamDumper分析PDF样本文件; 在官方文档中,入口地址为0x1c为SING表的真实数据; ?...上CVE看了下关于PDF文件相关的漏洞还真不少,收录在CVE中就有1183条。 ?

    2.8K30

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

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

    6.6K20

    如何在js文件中写加载Applet控件(js与jsp分离技术)

    如何在js文件中写加载Applet控件(js与jsp分离技术) 我们在写代码的时候,一般喜欢将JSP和JS实现分离开,将页面部分的代码写在.jsp结尾的文件中...Javascript中经常有一部分代码是动态产生的,导致我们经常不得不将这部分代码写到jsp文件中,这就导致代码看起来不雅和难懂。那么我们有没有办法将需要写到jsp页面上的代码写到js文件中呢?...你可能想说,我如果将把js写成公共的文件,可以供很多jsp调用,那些jsp页面也不在需要写死一个名为testDiv的对象,那怎么办呢?...其实这个好办,我们只要在js文件中写这么这段话,就可以实现了 document.writeln('js页面不知道jsp在哪个地方加载js文件,所有像原先那样写一个相当位置的div是不大妥当的,而加载一个固定位置的div,则无论jsp在哪个地方加载js文件,都可以保证div想固定的地方显示了。

    8.7K40

    开源 JS PDF 库比较

    编辑1. pdf.jsPDF.js是 Mozilla 开发的开源 JavaScript 库,旨在直接在 Web 浏览器中呈现 PDF 文件,而无需额外的插件。...它强调在不同平台上提供无缝的 PDF 阅读体验。优点 高度灵活和全面,可直接在浏览器中处理 PDF 文件。 得到 Mozilla 的大力支持,拥有活跃的社区和定期更新。...依赖于 PDF.js,因此它存在与 PDF.js 相同的问题。 与更强大的库相比,功能有限,通常需要额外的插件来扩展功能。 处理更大或更复杂的 PDF 文件时性能可能会下降。...3. pdfmakePDFmake是一个用 JavaScript 编写的多功能 PDF 创建库,允许以编程方式生成 PDF 文件。...5. ngx-extended-pdf-viewerNgx-extended-pdf-viewer是一个 Angular 库,它提供了在 Angular 应用程序中显示 PDF 文件的广泛功能。

    1.5K10

    linux xps文件,Master PDF:PDF和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

    4K10

    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:文件名> 制作一个字符表,你所指定的文件如果存在,则将会被覆盖。

    5.4K30

    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"

    1.2K10
    领券