首页IT科技前端导出pdf文件插件(PDF.js 实现pdf分页加载的前端优化(实现按需加载)-前端的demo也已经上传)

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

时间2025-06-14 01:14:07分类IT科技浏览7433
导读:描述 pdf.js实现了分片加载,但是在首次加载时自动加载了全部的pdf分片,导致打开了几个超过1g的pdf时,浏览器报出内存不足的提示...

描述

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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
wordpress相关文章(从小白到大神,使用WordPress文库插件快速提升网站内容质量) 汽车电子技术现状及发展趋势展望(鉴源实验室丨汽车电子电气架构演进和域控制器发展方向)