程序员经验分享-hwhale

从 HTML5 存储打开 PDF

2023-12-25

我想将 pdf 文件客户端存储在 HTML5 存储之一（indexedDB 或 localstorage）中，然后稍后使用 adobe reader 打开它们。

场景如下：

  1. 用户访问了我的网站并将一堆 pdf 下载到存储中
  2. 稍后，用户重新访问该网站并想要查看预先下载的 pdf 文件之一。
    他选择了存储的 pdf 文件之一，然后使用 adobe reader（或 默认 pdf 渲染器）。

这可以用纯 html5/js 实现吗？还是我必须编写一个 firefox 扩展？


您可以使用数据 URI 方案 (http://en.wikipedia.org/wiki/Data_URI_scheme http://en.wikipedia.org/wiki/Data_URI_scheme).

类似这样，但带有 PDF：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKBJREFUeNpiYBjpgBFd4P///wJAaj0QO9DEQiAg5ID9tLIcmwMYsDgABhqoaTHMUHRxpsGYBv5TGqTIZsDkYWLo6gc8BEYdMOqAUQeMOoAqDgAWcgZAfB9EU63SIAGALH8PZb+H8v+jVz64KiOK6wIg+ADEArj4hOoCajiAqMpqtDIadcCoA0YdQIoDDtCqQ4KtBY3NAYG0csQowAYAAgwAgSqbls5coPEAAAAASUVORK5CYII=

您可以在其原始页面查看此示例：http://iconhandbook.co.uk/reference/examples/data/ http://iconhandbook.co.uk/reference/examples/data/

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

javascript

html

firefox

localStorage

IndexedDB

从 HTML5 存储打开 PDF 的相关文章

  • 使用 CSS 等高列

    我想对我的 CSS 表使用百分比 不幸的是 它对我不起作用 这段代码有什么问题 我应该使用 flexbox 而不是 table 吗 我想使用表格 因为我想要相同高度的列 ul list style none margin 0 display

  • 获取 HTML 代码的结构

    我正在使用 BeautifulSoup4 我很好奇是否有一个函数可以返回 HTML 代码的结构 有序标签 这是一个例子 h1 Simple example h1 p This is a simple example of html page

  • 代理递归函数

    想象一个简单的递归函数 我们试图包装它以检测输入和输出 A simple recursive function const count n gt n 1 count n 1 Wrap a function in a proxy to ins

  • CKEDITOR.styleSet.add - 'a' 元素的新样式

    由于某种原因如果我改变 p to a 它不再出现在样式列表中 有什么理由吗 CKEDITOR stylesSet add default name Wys wiersza 1 element p styles line height 18p

  • 使用 ECMA 脚本向节点（页面）添加新属性

    我需要在页面激活时向页面添加属性 我决定建立一个工作流程 在激活步骤之前执行相同的操作 我的自定义工作流程步骤 激活步骤之前的步骤 使用 ECMA 脚本来实现此目的 这是我到目前为止所拥有的 var workflowData granite

  • 名称属性的 CSS 选择器？

    这可能是一个愚蠢的问题 但是属性的 CSS 选择器是什么 a 那是 名字 document body innerHTML myString anchor HTML String 这段 JavaScript 创建了一个 a 带有名称的元素 H

  • 为什么 html 中的 AngularJS 错误没有显示在控制台中？

    Here s a fiddle http jsfiddle net 6y7odxmj 3 用于说明 当 ng click 指令 例如 调用未在控制器的 scope 或其父级 上定义的函数时 它会默默地失败 当我尝试调试网页时 这种行为令人抓

  • 对于 SEO 而言，.html 扩展名是否比 .php 和 .aspx 更好？

    对于 SEO 而言 html 扩展名是否比 php 和 aspx 更好 或者少扩展名的 url 比全部更好 该扩展对排名和所有 SEO 影响不大 您页面的扩展名可能不一定表明内容是如何生成的 PHP 或 ASPX 虽然通常具有动态内容 但始

  • 类型错误：require.config 不是一个函数

    我正在使用 require js 作为早午餐项目的一部分 这段代码抛出错误 require config require config is not a function paths jquery lib jquery underscore

  • 如何停止在 div 外部显示图像

    考虑这段代码 div style width 100px height 100px border 1px solid black div img src http rabbitempire org wp content uploads Pe

  • GWT - 让 CellTable 单元格使用 HTML？

    我有一个 CellTable 我想将 HTML 代码放入单元格中 以下代码不起作用 空格已从输出中删除 TextColumn

  • Angular2 - 防止复选框被选中

    我有一个每行包含一个复选框的表 在表头中 我有一个Check All切换所有表格行框的复选框 我正在尝试实现一些逻辑 如果复选框的数量将超过特定限制 则显示错误并且不切换表行复选框或checkall盒子本身 有一个问题允许checkAll即

  • JavaScript 检查时区名称是否有效

    有没有一种方法可以在不使用外部库的情况下检查 JavaScript 中的时区名称是否有效 当用户在文本字段中输入时区名称时 我想验证时区是否有效 我知道我们可以使用时刻时区库轻松做到这一点 但我不想使用任何额外的库 我正在寻找纯 JavaS

  • PHP：如何使用 nl2br() 和 HTML Purifier 保持换行？

    Issue 使用时HTML 净化器 http htmlpurifier org 为了处理用户输入的内容 换行符不会被转换为 br tags 考虑以下用户输入的内容 Lorem ipsum dolor sit amet This is ano

  • Electron 应用程序中的 NEDB 持久化

    我正在尝试从电子应用程序连接到 nedb CRUD 操作效果很好 但我没有看到 db 文件 D my db 检查隐藏文件 文件存在于某个地方 因为即使在机器重新启动后它也会保留数据 我怀疑电子威胁着我的相对路径 但我可以在任何地方找到它 v

  • 如何使用jquery点击眼睛图标时显示和隐藏密码

    我需要在单击眼睛图标时显示和隐藏用户密码 因此我为此编写了脚本 当我单击眼睛图标时 只有类正在更改 但密码不可见 再次单击斜线眼睛图标 它应该隐藏这两个图标方法不起作用如何解决这个问题

  • CSS 或 Javascript - 如果背景图像未加载，则显示后备文本[重复]

    这个问题在这里已经有答案了 如果徽标图形文件未加载或丢失 如何显示文本而不是徽标 我有带有背景 PNG 图像的 div div class iHaveBgImage this text should be displayed if bg i

  • D3.js - 更改鼠标悬停时元素的不透明度 IF 条件 = false

    我正在制作一个带有过滤器的交互式 D3 js 图表 当用户单击选定的复选框时 该过滤器会显示点 此外 在鼠标悬停事件上 所选点旁边将出现一个弹出窗口 其中包含一些信息 由于图表上的点数量相对较多 因此我选择在取消选中相应复选框时使相关点变得

  • 如何在 Servlet 中打开弹出窗口，然后重定向页面

    我想在调用 servlet 时打开一个弹出窗口 然后想将 servlet 重定向到某个 jsp page 这就是我所做的 protected void doGet HttpServletRequest request HttpServlet

  • 如何在输入时格式化 contenteditable div？

    我正在尝试编写一个函数 允许 contenteditable div 在用户输入 div 时执行一些自动格式化 到目前为止我只能让它在 IE 中运行 有人可以帮助我吗 function formatOnKeyUp if window get

随机推荐

  • 用于保存已解析 CSV 文件内容的数据结构

    我试图找出用 Java 解析 csv 文件的最佳方法是什么 现在每行将有 X 数量的信息 例如 第一行最多可以有 5 个字符串单词 用逗号分隔它们 而接下来的几行可能有 3 或 6 个或其他 我的问题不是从文件中读取字符串 只是要明确一点

  • 公共存储库中的私有文件夹（子模块）

    我有一个公共存储库 在其中我想使用一个私有的子模块 如果我将此子模块包含到我的公共存储库中 每个人都能够看到该子模块的内容吗 否 在公共存储库中包含子模块意味着将其 URL 记录在公共 gitmodules 文件中 通过存储库的递归克隆访问

  • 搜索引擎是否尊重 HTTP 标头字段“Content-Location”？

    我想知道搜索引擎是否尊重HTTP 标头字段Content Location http www w3 org Protocols rfc2616 rfc2616 sec14 html sec14 14 例如 当您想要从 URL 中删除会话 I

  • 如何为 Haskell 实例赋予具体值？

    我正在尝试学习 Haskell 但我对这个臭名昭著的 刚性类型变量 错误有点困惑 这是我的代码的相关部分 class Ord v gt Vector v where distance v gt v gt Double with Flexib

  • 如何只在 IE 上破解 css 内联样式？

    如何破解仅在 IE 上的 css 内联样式 只在所有版本的 IE 上破解 css 内联样式 我该怎么办 像那样 div style color eee border 1px solid 000 line height 32px div 你需

  • PyQt5：检查鼠标是否在输入事件中按下

    我的实际应用程序比这复杂得多 但下面的示例总结了我的大部分问题 我有多个 QLabel 我对它们进行了子类化以使它们可单击 标签显示 16x16 图像 需要通过 Pillow 加载图像 将其转换为 ImageQt 对象 然后设置标签的像素图

  • 带下划线前缀的受保护属性

    Like public foo null bar 10 protected stuff null moreStuff 5 似乎很多人都这样做 为什么 这不是不一致的命名吗 就像某些 PHP 函数一样 这是 php5 之前的旧约定 Php4

  • Ipython raw_input 可以解决吗？

    我正在运行一个Python程序 它想要接受raw input 而Ipython笔记本不这样做 已知的限制 实现该功能的推荐方法是什么 解决方法 我想做的是能够运行程序 接受输入并响应 将根据检索到的信息确定选择 并提示输入用户 ID 和密码

  • 我应该使用哪种方法来手动引导我的 AngularJS？

    我看到了以下内容 angular bootstrap document TodoApp angular bootstrap angular element body 0 TodoApp AngularJS 文档也提到了这一点 我不太明白 a

  • VS Code 的 EditorConfig 不起作用

    我使用 VS Code 作为编辑器 我们有一个 editorconfig其中包含格式配置的文件 我们都在编辑器中使用扩展 EditorConfig 来格式化 HTML 和 CSS 常规内容 我已经从这里安装了 VS Code 的扩展 Edi

  • 以编程方式设置 java.awt.headless=true

    我正在尝试设置java awt headless true在应用程序启动期间 但似乎我来得太晚了 非无头模式已经开始 static System setProperty java awt headless true java awt Gra

  • 在 FFMPEG 中对数据流和视频进行编码

    我想将一些专有数据 它是每帧的序列化无符号 64 位整数 编码到视频容器 mp4 作为数据流 但我无法找到任何人执行此操作的说明 教程 我唯一能找到的是这个 它描述了如何创建数据流 用户显然没有成功https lists libav org

  • 如何在 HTML 中创建泪滴？

    如何创建这样的形状以显示在网页上 我不想使用images因为它们在缩放时会变得模糊 我尝试过CSS tear display inline block transform rotate 30deg border 5px solid gree

  • Plotly：并排条形图和饼图

    我想使用并排绘制条形图和饼图subplot函数在plotly然而 在图形的中心绘制了一个大饼图 覆盖了条形图 这是示例代码 Animals lt c giraffes orangutans monkeys SF Zoo lt c 20 14

  • Android Native 在 /system/lib/libskia.so 崩溃（位图处理）

    我需要帮助解决影响 Play 商店中应用程序的错误 Play 开发者控制台上的崩溃报告 此崩溃仅限于某些安卓4 4 devices 无法在模拟器上重现崩溃 堆栈跟踪发生在本机代码 而不是 Java 上 因此很难看出此错误是在哪里调用的 研究

  • 使用 jcifs 读取文件的最简单方法

    我正在尝试使用外部从网络共享读取文件jcifs图书馆 https jcifs samba org 我能找到的大多数用于读取文件的示例代码都非常复杂 甚至可能不必要 我找到了一个简单的方法write到如下所示的文件 有没有办法使用类似的语法读

  • 声明框架中结构的简单协议一致性

    是否可以声明 struct 是在框架中定义的结构 它基本上符合在我的应用程序中定义的协议 举例来说 我有一个 API 它为框架中建模的一些小部件声明结构 public struct VagueWidget public let temper

  • 如何比较 Boost 几何形状？

    我有 2 个 升压 几何 模型 环 我试图判断它们是否相同 是否有内置的增强几何比较函数 方法可以为我解决这个问题 boost geometry equals a b 报告两个几何图形在空间上是否相等

  • WSO2 ESB 5 中的动态 json-eval 表达式

    我正在尝试使用动态生成的 json eval 来处理 JSONPayload 以选择特定的酒店对象 下面提到的直接 json eval 工作得很好 直接 json eval 表达式 json eval content hotelcode A

  • 从 HTML5 存储打开 PDF

    我想将 pdf 文件客户端存储在 HTML5 存储之一 indexedDB 或 localstorage 中 然后稍后使用 adobe reader 打开它们 场景如下 用户访问了我的网站并将一堆 pdf 下载到存储中 稍后 用户重新访问该

热门标签