从HTML5存储打开PDF

Question

我想将pdf文件客户端存储在一个HTML5存储(indexedDB或本地存储)中，然后用adobe阅读器打开它们。

设想情况如下：

1. 用户访问我的站点并下载一堆pdf到存储中
2. 稍后，用户重新访问该网站，并希望查看预先下载的pdf之一。 他从存储的pdf中选择一个，然后用adobe阅读器(或默认的pdf呈现器)呈现。

对于纯html5 5/js，这是可能的吗?还是我必须编写firefox扩展呢？

Answer 1

您可以使用数据URI方案 (scheme)。

就像这样，但是有一个PDF：

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

您可以在它的原始页面上看到这个示例：http://iconhandbook.co.uk/reference/examples/data/

Answer 2

创建具有PDF类型和base64编码数据的链接(表示PDF二进制文件)

<a href="data:[<mime type>][;charset=<charset>][;base64],<encoded data>">PDF name</a>

base64编码的内容可以存储在HTML5存储中。

警告:不适用于IE (出于安全原因的借口)。