首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

一、pdf.js 简介 官网地址:http://mozilla.github.io/pdf.js/,下载稳定版本,目前最新稳定版为v2.2.228 ? 1、下载至本地: ?...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在网站之外,则涉及到跨域问题。打开viewer.js文件,注释掉以下内容。 ? 还有其他方式也可以实现跨域,网络上有很多优秀的解决方案。

42.4K61

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.4K20

java调用wkhtmltopdf生成pdf文件,美观,省事

最近项目需要导出企业风险报告,文件格式为pdf,于是搜了一大批文章都是什么Jasper Report,iText ,flying sauser ,都尝试了一遍,感觉不是我想要的效果, 需要自己调整好多东西...-------jstarseven 言归正传: java生成pdf文件,方式很多,以上提到的哪几种方式具体可以参考这篇文章:http://blog.csdn.net/ouyhong123/...博主的思路是:事先准备好一个需要生成pdf的html模板,数据全用占位符占位,等到需要生成pdf的时候,首先向文件里面写入数据,然后调用wkhtmltopdf生成pdf文件。...文件那部分就不说了,直接看pdf这部分吧,代码很简单。...\fonts\simsun.ttc拷贝到linux服务器/usr/share/fonts/目录下,再次生成pdf中文显示正常 ---- -END-

4.7K20

组件分享之前端组件——基于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

4.9K20

Java 渲染 docx 文件,并生成 pdf 加水印

需求: 用户上传一个 docx 文件,文档中有占位符若干,识别为文档模板。 用户在前端可以将标签拖拽到模板上,替代占位符。 后端根据标签,获取标签内容,生成 pdf 文档并打上水印。...需求实现的难点: 模板文件来自业务方,财务,执行等角色,不可能使用类似 (freemark、velocity、Thymeleaf) 技术常用的模板标记语言。...文档在上传后需要解析,生成 html 供前端拖拽标签,同时渲染的最终文档是 pdf 。由于生成pdf 是正式文件,必须要求格式严格保证。...但是 docx 文件装换为 html 还是会有极大的格式损失。 pass。 第二种思路。直接操作 docx 文档在 docx 文档中直接将占位符替换为内容。...error"); } return null; } 就将 docx 转换为 pdf

2.8K10

通过TXT文件批量生成PDF417码

PDF417二维条码是一种高密度、高信息含量的便携式数据文件,主要用于运输、身份证和库存管理。PDF417 对字母数字或数字以及二进制数据均能进行信息化。...批量生成PDF417二维码,可以通过导入数据库的方式,下面小编以TXT文本作为数据库来介绍如何批量生成PDF417码。   在条码标签软件中新建一个空白标签,标签的大小根据自己的需要自行设置。...03.jpg   点击打印预览,可以查看批量生成PDF417二维码。如需打印,设置打印范围和打印数量就可以直接打印啦。...04.jpg   我们在批量制作PDF417码时,数据库有多少条信息就可以生成多少个PDF417二维码。...而且软件还支持多种文件作为数据库,比如Excel文件、CSV文件、Access数据库和SQLite数据库。

92510
领券