程序员经验分享-hwhale

在网页上渲染 PDF

2023-12-21

我们正在尝试使用以下方式在网络浏览器中加载 pdf 文件pdf对象 http://pdfobject.com/JavaScript API。目前我们尝试显示的 pdf 大小接近 10MB。这会导致网页上显示 PDF 时出现较长的延迟；同时下载完整的 PDF。

我们需要通过实现以下任一替代方案来消除这种滞后：

  • 显示进度条，直到实际显示 PDF。我们找不到被触发且可用于查明 pdf 现在是否可见的事件。缺少这一点不允许我们决定何时停止显示进度条/旋转器
  • 或者延迟加载 PDF，以便在加载第一页后立即显示它。有了这个 ateast，用户就会有一个关于正在发生的事情的视觉指示。我们在 pdf 对象中找不到任何可以让我们进行延迟加载的内容。
  • 用户替代pdf渲染api；这是一个低优先级，因为我们已经有了完整的代码；但如果前两种选择不满足；我们必须考虑这个选择。所以请随意提出建议。

关于如何使用户交互更加直观或愉快的任何其他想法；将受到欢迎。

Cheers


您可以考虑使用 Google 文档之类的工具向用户展示您的 PDF。不知道是否适用于你的情况。您可以使用它来显示外部 PDF（未保存在 Google 文档中的 PDF 文件）。它带有内置进度条，因此即使加载时间很长......

See: http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

pdf

Rendering

在网页上渲染 PDF 的相关文章

  • 在 contenteditable div 中选择范围

    我有一个contenteditablediv 和其中的一些段落 这是我的代码 div style border solid 1px black width 300px height 300px div Hello world div div

  • Three.js：缩放几何图形后错误的 BoundingBox

    在我的场景中 我有一个简单的立方体 var test new THREE Mesh new THREE CubeGeometry 10 10 10 new THREE MeshBasicMaterial scene add test 该立方

  • IE从哪个版本开始支持Object.create(null)？

    您可以通过多种方式在 JavaScript 中创建对象 creates an object which makes the Object prototype of data var data1 new Object Object liter

  • Chrome 中的性能问题

    我目前正在从事一个相对较大的项目 使用 AngularJs 构建 应用程序的一部分是一个表单 您可以向其中添加任意数量的页面 不幸的是 添加了很多不必要的垃圾 即表示表单模型的对象可能会变得非常大 在某些时候 Chrome 基本上无法处理它

  • 使用 JavaScript 禁用第三方 cookie

    我正在努力根据所有在欧盟运营的公司的数据保护规则实施新的 Cookie 政策合规性 根据该规则 用户在使用任何网站时必须能够拒绝 接受除必需的 Cookie 之外的所有内容 在我客户的网站中 我可以看到正在存储以下第三方 cookie ga

  • 如何更改 Google Maps v3 API for Directions 中的开始和结束标记图像

    我使用 DirectionsRender 绘制了一条路线 但我不知道如何用我自己的标记替换通用的 Google 标记 我知道并在正常的谷歌地图情况下使用它 但发现很难用开始和结束的方向标记来做到这一点 如果这是一个愚蠢的问题 感谢您的任何建

  • 摩卡 - Chai Karma“套件未定义”

    我对 jscript tdd 很陌生 遇到了问题 希望有人能告诉我我在做什么 在浏览器中运行测试 通过 HTML 文件 一切正常 通过节点和业力运行它们我得到以下异常 我想在 node js 主机的 karma 中使用 Mocha 和 Ch

  • 如何针对 Node.js 中发生的每个错误发送电子邮件？

    假设我的 node js 应用程序正在运行 如果出现错误 我的意思是所有错误 不仅仅是网络错误 如果出现错误 则很重要 我如何调用函数向我发送电子邮件 基本上 在我希望它写入 err out 之前 我希望向我发送一封电子邮件 我正在使用no

  • 可以在初始 DOM 解析期间/之前修改 DOM 吗？

    是否可以在初始 DOM 解析期间或之前修改 DOM 或者我是否必须等到 DOM 被解析和构建之后才能与其交互 更具体地说 是否有可能阻止 DOM 中的脚本元素使用用户脚本 内容脚本或 Chrome 或 Firefox 中的类似脚本运行 在解

  • 引导程序提前输入未填充承诺的响应

    我的引导程序预输入如下

  • Bootstrap按钮加载+Ajax

    我正在使用 Twitter Bootstrap 的按钮加载状态 http twitter github com bootstrap javascript html buttons http twitter github com bootst

  • 防止 iOS 键盘在 cordova 3.5 中滚动页面

    我正在使用 Cordova 3 5 和 jQuery mobile 构建 iOS 应用程序 我在大部分应用程序中禁用了滚动功能 但是 当我选择输入字段时 iOS 键盘会打开并向上滚动页面 我不想要这个功能 由于输入足够高 键盘不会覆盖它 我

  • 设置 cookie 时中断 JavaScript 执行

    当设置 cookie 时 是否可以始终中断浏览器开发人员工具中的 javascript 执行 无需显式设置 JS 断点 document cookie 在 html head 块的开头添加此代码片段效果很好

  • 检查 jQuery 1.7 中是否存在基于文本的选择选项

    所以我有以下 HTML 片段

  • Firebase 函数 onWrite 未被调用

    我正在尝试使用 Firebase 函数实现一个触发器 该触发器会复制数据库中的一些数据 我想观看所有添加的内容votes user vote 结构为 我尝试的代码是 const functions require firebase func

  • 日期出现奇怪的错误，“未捕获非法访问”

    所以我试图找到最新的DateJavascript 可以处理 我把它减少到 9 月 275760 并增加了我开始捕获未捕获的天数illegal access例外new Date 09 24 275760 to new Date 10 13 2

  • Vue 和 Vuex：处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个

  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0

  • 如何在执行新操作时取消先前操作的执行？

    我有一个动作创建器 它会进行昂贵的计算 并在每次用户输入内容时调度一个动作 基本上是实时更新 但是 如果用户输入多个内容 我不希望之前昂贵的计算完全运行 理想情况下 我希望能够取消执行先前的计算并只执行当前的计算 没有内置功能可以取消Pro

  • 如何在react-highcharts中使用图表工具提示格式化程序？

    如何使用图表工具提示格式化程序 我正在使用高图表的反应包装器 我有这样的配置 const CHART CONFIG tooltip formatter tooltip gt var s b this x b each this points

随机推荐

  • 在 Python 中为 Django Choice 字段创建智能循环列表

    所以 以下内容不是很 聪明 MONTHS Jan Jan Feb Feb Mar Mar Apr Apr May May Jun Jun Jul Jul Aug Aug Sep Sep Oct Oct Nov Nov Dec Dec YEA

  • Qt：QGraphicsScene 在我期望的时候没有更新

    好的 我有一个QGraphicsScene在一个叫做 眼睛 的课程中 我调用一个函数 void eye playSequence int sequenceNum for int i 0 i

  • 如何从 mysql 表中转储 blob 字段

    我正在尝试从 mysql 表中转储 BLOB 字段 但是当我使用 sqlYog 转储 blob 记录时 我得到了无价值的数据 如何备份 BLOB 类型字段 Note BLOB 字段有图像 参数 十六进制斑点当您打算将其导入到另一个数据库 如

  • 枚举与强类型枚举

    我是 C 编程的初学者 今天遇到一个新话题 强类型enum 我已经研究了一些 但到目前为止我无法找出为什么我们需要这个以及它有什么用 例如 如果我们有 enum xyz a b c a 0 b 1 c 2 Typical C format

  • matplotlib：直方图和 bin 标签

    I m trying to plot a histogram with bar chart and I m having difficulties figuring out how to align the x axis labels wi

  • 按住按键时 Swing 中的文本输入字段在 OS X 上停止工作

    我发现 OS X Yosemite 使用 Oracle JDK 8 上的 Swing 文本输入字段存在一个奇怪的问题 当我在文本输入字段获得焦点时按住任何字母或数字键时 我之后就无法再在当前 JFrame 的任何字段中输入任何内容 然后我必

  • 直接在浏览器中使用 jquery/flash 录制网络摄像头视频？

    我想让用户通过网络摄像头录制视频 然后通过浏览器将录制的视频上传到网站 这是一个完全按照我希望的网站工作方式工作的示例 只不过它似乎不捕获视频 而只是捕获图像 http www xarg org project jquery webcam

  • 新版本 Hibernate 的 hibernate3-maven-plugin 依赖项

    我想将 hibernate 3 5 1 Final 与此插件一起使用 这里我的依赖项应该是什么 它似乎正在拿起一组旧的罐子 但现在失败了

  • 无法获取项目参考的依赖项

    我有一个包含网站项目和 C 库的 C 解决方案 编译解决方案时 网站给出消息 无法获取项目引用 MyLibrary 的依赖项 当此错误消息使构建失败时 这不会停止网站编译和运行 直到我尝试使用 TFS 构建来构建它 这是什么意思 我该如何解

  • 我如何在 VBA 中调用 WebView2 和其他现代 winmd 功能

    我想在旧式 VBA 用户窗体中嵌入现代 WebView2 组件 Edge Chromium 浏览器控件 我推测我需要在系统上安装以下内容 Edge Chromium 浏览器 Webview2 SDK 虽然我安装了 Edge Chromium

  • 提交日志增长的问题

    我有一台机器 提交日志不断增加到 7 8 GB 并且仍在增长 我检查了一个属性commitlog total space in mb 8192这是在 cassandra yaml 中注释的 我怀疑它必须是默认的 1 增加提交日志大小有什么问

  • Spark 结构化流 - 对不同的 GroupBy 键使用不同的 Windows

    目前 我通过 Spark 结构化流媒体读取 Kafka 主题后得到了下表 key timestamp value key1 2017 11 14 07 50 00 0000 10 key1 2017 11 14 07 50 10 0000

  • 将 DataFrameGroupBy 对象中的每个分组列转换为列表

    这是数据 df pd DataFrame date 1 1 2 2 2 3 3 3 4 5 request 2 2 2 3 3 2 3 3 3 3 users 1 3 7 1 7 3 4 9 7 9 count 1 1 2 3 1 3 1

  • 无效的视图状态、Base-64 字符数组或字符串的长度无效

    我时不时会遇到这个错误 ExecuteStep at line 0 at Column 0 状态信息对此页无效 并且可能已损坏 无效的视图状态 内部异常 Application Error 中未处理的异常 在加载行 0 和列 0 Base

  • 动态链接和动态加载有什么区别

    我认为 动态加载意味着在加载或运行时将库 或任何其他二进制文件 加载到内存中 因此 在下面的程序中 当 dlopen 调用的动态加载器将出现时 如果库尚未加载 它将把库加载到内存中 动态链接是指在加载或运行时完成的链接 它解决了外部引用 因

  • Laravel TokenMismatchException 会话超时

    我遇到一个问题 当用户闲置超过 24 小时 我的会话超时 或者离开网站并在 24 小时后返回时 他们不会从网站注销 但他们的会话正在被注销已过期 或者至少他们的 token 不再有效 这会导致不必要的行为 就好像用户在 token 过期后提

  • MAC：Mono Helloworld 示例

    我在 OSX Yosemite 上全新安装了 Mono 并尝试了以下示例http www mono project com docs getting started mono basics http www mono project com

  • eclipse 上“资源”目录放在哪里

    我的项目是一个 Eclipse Java 项目 它的结构是 游戏 src 游戏 资源 但这段代码返回一个异常 image new ImageIcon new URL resources Monster png java net Malfor

  • 在沙盒中哪里可以找到奇点定义文件

    我正在尝试学习奇点 所以我从他们的库中提取了这个例子 singularity pull library sylabsed examples lolcow 拉取后 我想检查该映像内的目录是什么 以及是否有任何用于构建映像的定义文件 因此我通过

  • 在网页上渲染 PDF

    我们正在尝试使用以下方式在网络浏览器中加载 pdf 文件pdf对象 http pdfobject com JavaScript API 目前我们尝试显示的 pdf 大小接近 10MB 这会导致网页上显示 PDF 时出现较长的延迟 同时下载完

热门标签