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

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

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

4.9K20

解决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文件的应用程序。

2.4K40

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

怎么用浏览器在线打开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.8K60

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 这样的托管服务,并可用在存储过程和触发器中。

12610

终极解决远程预览pdf问题

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

34010

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

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

1.9K30

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.7K60

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.7K20
领券