描述

pdf.js实现了分片加载，但是在首次加载时自动加载了全部的pdf分片，导致打开了几个超过1g的pdf时，浏览器报出内存不足的提示

解决方案

实现pdf.js的按需加载，只需要修改属性disableAutoFetch为true，表示关闭自动获取，只会请求需要的分片，从而实现了按需加载，disableAutoFetch的默认值是false，表示会自动获取所有分片

实现效果如下，2G大小的pdf首次加载：

pdf.js的一些属性

initialData TypedArray 带有第一部分或全部pdf数据的类型化数组。由扩展使用，因为在切换到范围请求之前已经加载了一些数据。

disableRange 布尔（可选）禁用PDF文件的范围请求加载。启用后，如果服务器支持部分内容请求，则将以块的形式提取PDF。默认值为“false”。

disableStream 布尔（可选）禁用PDF文件数据的流式传输。默认情况下，PDF.js会尝试以块的形式加载PDF。默认值为“false”。

disableAutoFetch 布尔（可选）禁用PDF文件数据的预取。启用范围请求后，即使不需要显示当前页面，PDF.js也会自动继续获取更多数据。默认值为“false”。注意：还必须禁用流式传输，请参阅上文，以便禁用预取功能以使其正常工作。

disableRange: true 样可以pdf.js可以实现pdf文件页码的自动选择

前端实现：
链接：https://pan.baidu.com/s/1DNRM0f5jRpCEvvip_IrCRA?pwd=tred
提取码：tred

PDF.js 实现pdf分页加载的前端优化(实现按需加载)-前端的demo也已经上传相关推荐

Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...
Vue3 + PDF.js 实现 PDF 预览
文章目录 1 前言 2 PDF 预览测试 2.1 下载 PDF.js 2.2 window.open 直接打开 2.3 弹框形式打开 3 修改配置项 3.1 修改主题色为暗色系 3.2 修改默认语言为 ...
如何在项目中使用pdf.js查看PDF文件
最近在做后台管理类的系统,需要在web页面阅读pdf文件.发现一个很好用的插件 pdf.js,简单的介绍一下官方文档地址:http://mozilla.github.io/pdf.js/ 在线演示地 ...
html 提取pdf,使用PDF.js从PDF中提取文本(2019)
正如标题所说,我正在尝试使用由Mozilla维护的PDF.js从PDF中提取文本.我知道前面关于stackoverflow的问题,但我不知道从哪里开始. 我试着跟着这个 article 这件事我需要帮 ...
【iframe结合pdf.js实现pdf的预览/下载及打印功能】
iframe结合pdf.js实现pdf的预览/下载及打印 1.[下载pdf.js](http://mozilla.github.io/pdf.js/getting_started/#download) ...
vue里使用pdf.js实现pdf文件的预览功能
引言:经过上一篇文章的测试,发现了以下问题: 兼容性不好不适用多语言场景(不能共用一套) 会出现跨域问题难于监控阅读状态不能控制下载状态在基于vue开发的移动项目中,如果预览的pdf数量不是很 ...
Java后台+PDF.js 实现pdf分页加载的后端实现
前言: 主要解决大体积pdf在线浏览加载缓慢,影响用户体验的问题技术栈为:SpringBoot.Vue.pdfjs 主要核心思路:前端请求时请求头附带请求范围range及读取大小,后端根据请求头返回 ...
Android 使用PDF.js浏览pdf
Android的WebView做不到ios的WebView那样可以很方便的直接预览pdf文件.要实现利用WebView预览pdf我们可以使用谷歌文档服务: mWebView.loadUrl(" ...
java集成pdf.js实现pdf文件在线预览
最近项目需要实现在线预览pdf文件功能,找来找去,发现有个pdf.js的类库挺好用,直接用js实现在线预览. pdf.js是开源项目,github的地址: https://github.com/moz ...

PDF.js 实现pdf分页加载的前端优化(实现按需加载)-前端的demo也已经上传

描述

解决方案

pdf.js的一些属性

PDF.js 实现pdf分页加载的前端优化(实现按需加载)-前端的demo也已经上传相关推荐

最新文章

热门文章