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

使用 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文件内容。...实现方法:通过 标签链接到viewer.html页面,需要传递一个重要的参数【file】,设置为要显示的pdf文件路径 <a href="Content/pdfjs-2.2.228/web/viewer.html...任然需要传递file参数,设置<em>pdf</em><em>文件</em>的<em>路径</em> <iframe src="Content

42.5K61
您找到你想要的搜索结果了吗?
是的
没有找到

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

14.7K20

文件上传漏洞:突破JS验证详解

关于文件上传漏洞不多说了吧,搞web安全的都应该接触过,在上传漏洞中我们常碰到的一种js验证比较烦人,对于网站是否启用的js验证的判断方法,无法就是利用它的判断速度来判断,因为js验证用于客户端本地的验证...js验证绕过演示代码: <?...js验证绕过方法 JS验证是最好绕过,好像有句话是基于客户端的验证都是不安全的,这里我们有多种绕过方法。 如何判断文件上传是基于客户端JS验证?...如上图所示,JS验证的会在你提交了上传文件以后,直接弹出一个提示,并终止文件向服务器提交。绕过方法如下: A、我们直接删除代码中onsubmit事件中关于文件上传时验证上传文件的相关代码即可。...文件上传漏洞:突破JS验证详解 添加收藏

5.4K30

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

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

5K20

js、css外部文件的相对路径问题

如果js、css外部文件有使用到相对路径时,需要注意其相对路径的基准是不一样的。...比如说,在index.html中引用到了外部的js和css文件,这两个文件都通过相对路径引用了某一张图片;这些文件所在的目录如下: 1 2 3 4 5 6 7 8 9 . ├── js | └──...index.js ├── css | └── index.css ├── images | └── bg.jpg └── index.html js文件的相对路径是以引用该js文件的页面为基准...,所以在js文件中的相对路径是: 1 2 3 function changeImage(){ document.body.style.backgroundImage="url(images/bg.jpg.../index.js"> 总结 js文件的相对路径是以引用该js文件的页面为基准 css文件的相对路径是以自身的位置为基准 警告 本文最后更新于 May

3.7K40

html(css、js、html、web)文件引用路径写法【flask】

-后端又如何回复请求(如:回复路由,往往回复一个json对象) - … 1、引入本地静态css,js文件: 比如文件路径:static/css/pintuer.css,路径如下: 2、引用网上css、js文件 如cdn加速资源 常规路径...('C.html') #指向templates中的C.html 4、内嵌的js代码中对templates模板的引用 路径:实际的路由 以js文件中配置templates/404.html为例, //js...文件中对templates模板的引用 参照4 6、js文件中对其他内嵌js文件的引用 以layui内置为例,在index.js 引入 bodyTab.js bodyTab.js 项目路径:/static...如果数据库涉及文件存放路径,更换电脑后原本正常的项目显示static文件路径构建失败的情况,记得先检查下数据库存储的路径是否有问题。

3.8K30

PDF文件攻击

这次来说说一个关于由PDF文件的栈溢出而引发的远程任意代码执行的典型老版漏洞。这枚漏洞是在2010年被发布出来,距今已快10年之久,但是漏洞却很简单粗暴,有着打开PDF文件就立马中招的效果。...设置生成的文件名 set FILENAME 0000.pdf 8. 执行生成文件 Run(exploit) ? 注:生成的文件在隐藏的文件夹中,须将隐藏去掉。 ? ?...二、将PDF木马文件拷贝至靶机上(在真实环境下,可以社工一下,诱使目标打开PDF) Metasploit开启监听,等待肉鸡上线。 1....漏洞成因就是没有去验证src的长度是否可能会超出dest数组定义的长度。如果我们有可能超出dest数组定义的长度的数据放入src中有可能在后方调用strcat函数时覆盖栈区从而实现代码执行。...上CVE看了下关于PDF文件相关的漏洞还真不少,收录在CVE中就有1183条。 ?

2.4K30
领券