首页
学习
活动
专区
工具
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.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是使用 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

    5.1K20

    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.9K30

    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.5K30

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

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

    5.4K20
    领券