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

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记录,跳转打开新的标签页进行预览...dataURI.substring(base64Index).replace(/[\r\n]/g, ''); var raw = window.atob(base64);//这个方法在ie

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

组件分享之前端组件——基于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.js导出的快捷方式。

5K20

解决Android的WebView无法打开PDF的方案

, 不直接支持打开大型的带有.pdf后缀的PDF文件预览 。...对于不具有.pdf后缀的PDF文件,WebView默认将其视为普通的文本或二进制文件,因此无法直接预览 IOS的WebView使用的是 WebKit引擎 ,该引擎内置了对PDF文件的支持, 可以直接预览和展示...对于没有.pdf后缀的文件,IOS仍可以预览并打开,因为IOS系统的预览功能会自动识别文件类型,并使用适当的预览器打开文件 。...解决方案安卓方案使用特定的PDF库:Android上有许多为PDF预览和操作提供支持的 第三方库 ,如Adobe PDF Library和MuPDF等。...,可以调用系统中预装的PDF阅读器应用程序或其他支持PDF的应用程序来打开和预览PDF文件。可以根据文件类型和URI来指定打开PDF文件的应用程序。

3.2K40

IE10预览:HTML5初探 翻译自Sencha

IE10预览:HTML5初探 在过去的几年里我们做了一系列测试来评估主要的移动平台对HTML5应用的支持。...但是,在上周的Windows Build会议上我们得到一个开发者预览的平板电脑(运行了Windows8和IE10)。我们想分享一下我们对HTML5用户体验的第一印象。...Windows8 Web 平台 在我们进入Win8和IE10对HTML5的支持细节之前,很值得回顾一下Windows8的一些概要。...HTML5支持 IE10里面的新特性有哪些呢?太多了,明显的部分包括UI元素和特效。IE10预览支持几乎所有最近三年引入可视化HTML5和CSS3特性。...还有转换的平滑度给人印象深刻,可能是硬件加速的原因吧 n CSS动画:完全支持WebKit语法,这让我们很机动,因为这意味着Sencha Animator的动画在IE10上运行起来很容易,只需要简单的查找替换

1.1K80

MySQL 支持 JavaScript,目前处于预览阶段

作者 | Renato Losio 译者 | 明知山 策划 | 丁晓昀 最近,Oracle 宣布 MySQL 数据库服务器支持 JavaScript 函数和过程。...用于存储过程的 JavaScript 目前处于预览阶段,仅适用于 MySQL 企业版和 MySQL Heatwave。 引入 JavaScript 支持让开发人员能够在数据库中实现高级的数据处理逻辑。...文档 提到,对 JavaScript 的支持是基于 ECMAScript 2021 标准,并支持所有整数、浮点数和CHAR/VARCHAR* 类型变体。...GraalVM 运行时包括 JDK、语言实现(JavaScript、R、Python、Ruby 和 Java)以及具有沙箱功能和工具支持的托管虚拟机。...PostgreSQL 当前所有版本均支持 PLV8,包括像 Amazon RDS 这样的托管服务,并可用在存储过程和触发器中。

14610

怎么用浏览器在线打开pdf文件_PDF文件怎么编辑

pdf.js 和 Google Chrome 使用的源自 Foxit 的闭源 PDF 浏览插件不同,PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品。...pdf.js 是一个主要用于HTML5 平台上在线阅读PDF文档的小插件,基于JavaScript技术编写而成,无需任何本地技术支持pdf.js是由Mozilla Labs发布的。...客户端Safari 和 iPhone Safari 支持得最好,其次是Opera和Windows下的Firefox 3等。IE暂不支持。。...文档浏览器支持的文件格式:PDF文件,文本文件,代码,图像,音频,视频等。...问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如下: 代码片段1: 1 <object type="application/pdf" data="file:///D:/atm

6.9K60

不再支持 IE,React 新特性详细解读

然而它改进了很多基础组件,支持新 React 特性的无缝渐进采用,从而为未来的更新奠定了基础。这些更改的效果现在就体现在了 React 18 中。...鉴于微软将在今年 6 月 15 日停止对该浏览器的支持,React 和其他 JS 库也将停止对它的支持是很自然的。那些仍然需要支持 IE 的人们将不得不继续使用 React 17。...Transition Transition 是由并发渲染提供支持的新特性之一。它旨在与现有状态管理 API 一起使用,以区分紧急和非紧急状态更新。...由于一些改进,Suspense 现在可以很好地与并发渲染集成、在服务器上工作,并且可能很快支持 lazy() 加载组件之外的用例。...服务端渲染改进 除了 Suspense 支持之外,React 的 SSR 方面还有很多其他变化。

2K30

终极解决远程预览pdf问题

pdf.js一个基于Html的工具类,熟悉pdf.js的朋友们很清楚,pdf.js帮助我们做了很多事。尤其金融类网站会产生很多的报表。需要在线预览。...pdf.js绝对是我们的首选 本地预览pdf.js的官网上下载的demo中我们就可以直接进行预览。官网的案列在web文件夹下的view.html。这里我整理了一个pdf.js精简版的。...远程加载(跨域) 通过上面我们很轻松在实际项目中实现pdf的预览。但是这样的预览存在一个问题。我们分布式项目中往往资源服务和业务服务不在同一台服务器上。这个时候我们在对文件进行预览就时跨域操作了。...pdf.js跨域了。在网上找了很多答案。有的说是在web.xml配置放置跨域的操作。测试无效。还有的说请求头修改成跨域的但是没说明白。没有实现。...是不是我们可以预览远程的了。其中的好处无疑减轻服务器压力了。

44410

JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)

、编辑; 最近发现这个功能很多是基于flash实现的,很多JavaScript实现的代码兼容性都很差,特别是在IE和firefox和chrome三个浏览器上不兼容。...代码实现主要利用到jquery插件imgAreaSelect,FileReader对象(chrome和ff获取本地图片数据的接口),IE滤镜效果。...关键词:imgAreaSelect FileReaderdocument.selection.createRange() IE滤镜效果 一、实现上传前预览 1.1、页面显示 代码1-1显示的是html...$('#view');//小图片jquery对象 //判断该浏览器是否为w3c标准,既非IE浏览器 if (file["files"] && file["files"][0]) { //使用JavaScript...evt.target.result}); viewImg.attr({src: evt.target.result}); } reader.readAsDataURL(file.files[0]); } //如果是IE

1.8K60

WordPress 将彻底放弃对 IE支持

首先说明一下,这个不再支持指的是,WordPress 后台不再支持 IE 11,而基于 WordPress 建的站点,前台是否支持 IE 11,是站点使用的主题决定的,所以完全不用担心这个会影响你的站点的用户体验...为什么要放弃 IE 11 的支持 1....不再支持 IE 11,有什么好处。...放弃支持 IE 11,脚本将更加简洁,体积更小,并且维护开发所需的时间也相应减少,经过测试,如果不支持 IE 11 的话,古腾堡编辑器的编译之后的 JS 代码将减少 84K。...我相信大多数人和我一样都支持放弃对 IE11 的支持,但是还是建议必须以可控的方式进行,比如提前几个月公布 EOL 日期,可能有些使用 WordPress 创建项目,可能是基于它提供 IE11 支持的,

50420

Vue 3 也放弃支持 IE11

在 WordPress 将彻底放弃对 IE支持之后,Vue.js 作者尤雨溪就 Vue 3 支持 IE11 的计划提交了新提案,就是 Vue 3 将不会支持 IE11。...在之前的WordPress 将彻底放弃对 IE支持的文章中提到,IE11 的全球使用率已低于 1%,微软自己都准备放弃支持了,微软自家的 Office 365 和 Teams 应用到2021年8月份...,也不再支持 IE 11。...在 Vue 3 中支持 IE11 所带来的影响,例如造成长期的维护负担、增加库开发者的开发复杂度、导致部分特性存在行为差异。对于确切需要 IE11 支持的用户,官方建议使用 Vue 2。...WordPress 放弃 IE 11 的支持,算是吹响主流的程序放弃 IE 支持的号角,现在 Vue 3 也将支持 IE 11,很快其他程序也会放弃 IE 11,对于前端程序员来说,项目的维护将会变得轻松

1.8K20
领券