使用 HTML5 Web 数据库存储文件以供离线访问

2024-03-31

我正在尝试为 iPad 创建一个简单的网络应用程序,需要在没有互联网连接的地方使用。该应用程序本质上是一个简单的“幻灯片”,但还包含一些视频文件(通常约为 100MB)。

最初,我计划在上路之前使用 HTML5 的离线清单缓存将资源同步到 iPad 的内存,但不幸的是,似乎有一个限制(至少在 iOS 3.2 中),即缓存完全不能使用。超过5MB。

看看 Google 使用 HTML5 Web 数据库的方式,我想知道是否有替代解决方案可以将视频/图像资源放入数据库中的 blob 中。但是,我很难找到一种方法来读取二进制数据以存储在数据库中的 blob 中。

我的问题是:

  1. 谁能提供将二进制数据读入客户端 HTML5 Web 数据库(并访问它)的[链接]示例?
  2. 对于 5MB 限制,这是否是一个明智的替代实施方法?

只是想分享我的经验,因为它可能是相关的。我们(尝试)开发一个基于 iPad 的 Web 应用程序,需要存储 1000 个图像和文件(例如演示文稿和 Word 文档)

Windows(Safari 4 和 5)上的模型可以将编码为 base64 的图像导入到 Web SQL 数据库(blob 字段)中,并使用 db 回调来设置图像标签的源来显示它们,例如src="data:image/jpeg;base64,...base65encimagedata..."

其他文件(doc、ppt、pdf)必须使用离线缓存/清单上传。尽管我们可以将它们作为 base64 存入数据库,但无法查看它们。

现在的问题是... Desktop Safari 允许您创建一个大型 SQL 数据库(我导入了 1 Gig 3000 个图像。)并且没有对离线缓存施加已知的限制。

然而,在 iPad 上,这些功能不太有用,因为我无法创建超过 50Mb 的数据库,加上 5Mb 缓存限制。

一些替代方案(我还没有尝试过)是:

  1. 在 iPad 上尝试 Opera Mini(或其他可用的浏览器)
  2. 我知道 Google Chrome(使用 webkit)对其 SQL 数据库大小有限制,但您可以“修补它”()使用一些 SQL 来增加其大小。也许这可以在 iPad 上以某种方式完成。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 HTML5 Web 数据库存储文件以供离线访问 的相关文章

  • 使用 IE9、10、11 的 CSS 将比例打印到 50% 等百分比

    Zoom css 属性不适用于 IE9 10 11 观察到打印预览 UI 令人不安 默认比例为 缩小以适合 当我将此比例从 缩小 更改为适合 50 时 页面显示正常 打印预览 任何人都可以帮助我如何使用 CSS 代码将比例设置为 50 为页
  • SVG线宽问题

    我开始了我的svg学习 我想用svg线做一些技巧吧 但有件事我不明白 我为每个技能创建 2 行 一行是空的 另一行是知识百分比 问题是 前两行的高度是我给出的笔画宽度的一半 其他线都有很好的高度 这是一个 jsbin http jsbin
  • iOS 开发:如何强制 UIWebView 加载 Facebook 的非移动版本?

    我正在深入研究 iOS 开发 当我尝试在 UIWebView 中加载特定的 Facebook 粉丝页面时 它会加载该网站的移动版本 该版本仅加载粉丝页面的墙 而不是我需要加载的特定选项卡 在我的应用程序的 iPad 版本中 UIWebVie
  • 是否所有新应用程序都必须在 iPad 上运行才能通过应用程序商店审批流程? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我的一个朋友告诉我 有一个新的规则可以通过应用商店的审批流程 该应用程序还必须在 iPad 上运行 否则会被拒绝 我没有找到任何支持他说法的东西
  • html中锚标记中href和data-href的区别

    html中的href和data href属性有什么区别 a a 标签 我当前的代码写如下 a href verify phone process 1 html class btn btn default bubbla btn Sign In
  • 如何反转包裹上的弹性盒方向以实现“蛇形包裹”?

    我想找到一种方法 让单个容器中的元素换行到与前一行相反的方向的新行 就像一条蛇向后弯曲一样 我无法使用 flexbox 以及 flex direction 和 flex wrap 属性的任何组合来实现此结果 Flexbox 结果与期望结果的
  • 使用 JavaScript 写入

    我想在页面中打印一条消息 div 页面加载时的元素 我有以下 HTML 和 JavaScript 代码 div div function printMsg var node document getElementById write nod
  • 调用函数值[重复]

    这个问题在这里已经有答案了 可能的重复 函数提前触发 https stackoverflow com questions 12201816 function triggering early 我已经编写了这段代码 但是当我调用函数 test
  • 从标签中提取 HTML5 数据属性

    我想从标签中提取所有 HTML5 数据属性 就像这个 jQuery 插件 http www orangesoda net jquery dataset html 例如 给定 span class highlight Joe Bloggs s
  • 如何添加从 Outlook 到 Web 表单的拖放上传功能?

    我正在寻找一种方法 允许用户以简单的方式将 Outlook 电子邮件上传到基于 Web 的系统 我可以让它以手动方式为用户工作 他们可以将电子邮件从 Outlook 拖放到桌面上 这会创建一个 msg 文件 这非常有效 尤其是 电子邮件中是
  • 在 GWT 中使用 SVG

    我想知道是否可以在面板中包含 SVG 内容 或者在 GWT 中工作的任何内容 能够以编程方式向 SVG 添加更多内容 例如添加圆或曲线 并处理鼠标事件 这会是在 SVG 或 GWT 中 我尝试创建一个 HTML 对象 添加以下内容
  • Polygonal Divs——让内容以特定形状溢出?

    这是我目前正在开发的网站 http willcrichton net http willcrichton net 如果单击中间六边形每一侧的箭头 您可以看到它使用 jQuery jQuery Cycle jQuery Easing 左右过渡
  • 以编程方式在网站上输入字符串

    我想知道如何或是否可以通过 iPhone 应用程序代码在网站的文本字段中输入内容 所以我想去一个网站 中间有一个文本字段 我想在那里输入一个特定的字符串 我怎样才能在 Swift 中做到这一点 或 Objective C 然后我会弄清楚它在
  • 从 iframe 关闭父弹出窗口

    在domain1 com 上 我有一个链接 可以打开domain2 com 的弹出窗口 弹出窗口中有一个 iframe 也托管在 domain2 com 上 在 iframe 中 我试图关闭弹出窗口 我似乎对如何做到这一点感到困惑 在 if
  • 在 Chrome 上使用 html5 显示垂直视频

    我正在构建一个简单的page http jsfiddle net JVZGZ 使用 html5 视频标签显示从我的 iPhone 上传的视频 如果您使用 chrome 观看它 您可能会看到该视频是水平呈现的 尽管它不是水平呈现的 尝试下载它
  • 如何使用 JS/Puppeteer 上传文件

    我试图弄清楚如何将图片文件上传到输入对话框中 不可能只输入名称并按 Enter 键 因为我没有找到使用 Puppeteer 实现自动化的方法 我想我必须设置一些值作为图片 但我不知道该怎么做 有任何想法吗 您使用上传文件elementHan
  • 如何在jsp中使用javascript动态创建下拉框?

    我正在尝试动态创建下拉框 就像当我单击添加按钮时它必须创建新的下拉框 下拉列表还包含动态值 例如需要当前年份并且必须显示最多五年 请建议我这样做 谢谢 这是我尝试过的代码 JavaScript 代码 function Add var nam
  • GWT - 让 CellTable 单元格使用 HTML?

    我有一个 CellTable 我想将 HTML 代码放入单元格中 以下代码不起作用 空格已从输出中删除 TextColumn
  • WebCore::UserGestureIndicator::processingUserGesture 中的 EXC_BAD_ACCESS (SIGSEGV)

    我有一个使用 UIWebView 和 HTML5 websockets 构建的 iOS 应用程序 该应用程序经历了看似随机的崩溃 它发生在用户与其交互时以及在用户和应用程序之间没有发生交互的寿命测试期间 崩溃日志都有以下内容 Excepti
  • 编辑时可以在文本框控件内使用 Angular 的管道格式化程序吗?

    我已经声明了一种将大数字分成三位数组的格式 并像这样经常使用它 div Huge number i am huge make threesome div 现在 有一个对相应功能的请求 但在像这样的输入控件中实现

随机推荐

  • Ocaml,用列表中的给定元素替换所有指定元素

    我正在编写一个 ocaml 项目 其中我有一个函数可以替换所有 在字符列表中 E 这是我的建议代码 let rec string lst change E lst match lst with gt let a E a h t if h g
  • 在 PAdES 第 4 部分的情况下,带有文档锁定的签名无效

    我遇到一个问题 我在 PAdES 第 4 部分的情况下设置了文档锁定功能 执行文档时间戳签名后签名无效 文档锁定功能的代码片段如下 PdfSigFieldLock pdfSigFieldLock new PdfSigFieldLock pd
  • 使用 PHP 发送带有 WSDL Soap 请求的 Soap 标头

    我对 SOAP 非常陌生 我正在尝试用 PHP 实现一个使用 ASP NET Web 服务的快速测试客户端 Web 服务依赖于包含授权参数的 Soap 标头 使用 WSDL 时是否可以将 auth 标头与肥皂请求一起发送 My code p
  • 拖动左上角时如何调整div大小?

    In CSS3 resize http www w3schools com cssref css3 pr resize asp 要调整大小的图标位于右下角 如何使其显示在左上角并使用户能够相应地调整大小 我发现了here http dev
  • 如何设置 AntiForgeryToken cookie 路径

    前者HtmlHelper AntiForgeryToken https msdn microsoft com en us library dd492243 28v vs 118 29 aspx方法允许人们重写string path已弃用 O
  • Android 列表视图中的卡片翻转

    我需要创建一个列表视图的视图 这应该是一个自定义列表 因为我希望列表中的每个项目都是一个图像视图 触摸时会翻转以显示详细信息 我正在根据 android 参考资料查看 Card Filp 视图 使用片段 但我觉得我错过了一些非常重要的东西
  • Python:点击字符串时从文本文件打印接下来的x行

    情况如下 我有一个 txt 文件 其中包含多次 nslookups 的结果 我想循环 tru 文件 每次遇到字符串 非权威答案 时 脚本都必须打印以下 8 行from那个位置 如果它有效 我应该在屏幕上得到所有积极的结果 首先我有以下代码
  • 获取当前日期(以毫秒为单位)(UTC)(不使用字符串)

    好吧 你可能认为这个问题已经被问过 但我认为还没有 我读过的解决方案都有这种 拼图游戏 技术 比如getUTCMonth getUTCMinutes 但由于我只想比较两个 UTC 日期之间经过的秒数 因此这不适用 众所周知 您可以通过以下方
  • AngularJs 无法在 module.run 中注入 $provide 和 $injector 服务

    我正在尝试在 angularjs 中动态定义服务 正如文档所说 provide https docs angularjs org api auto service 24provide and injector https docs angu
  • Java整数等于字符?

    如果这个问题有点简单 我很抱歉 但我有点困惑为什么我的教授会做出以下声明 请注意 read 返回一个整数值 使用 int 作为返回类型允许 read 使用 1 来指示它已到达流的末尾 您会记得在 Java 简介中 int 等于 char 这
  • 使用 ng-class 添加多个类

    警告 此线程适用于旧的 AngularJS 我们可以有多个表达式来添加多个 ng class 吗 for eg div div 如果是的话 任何人都可以举个例子来这样做 当不同的表达式求值时应用不同的类true div Hello Worl
  • Javafx 实时线程更新

    我同时使用 Javafx 和线程 我经常遇到这个问题 我制作一个按钮 然后当单击该按钮时 使用事件处理程序 我制作一个 for 循环 将按钮更改为 1 2 3 4 5 然后在每个中间延迟一秒钟 就像倒计时一样 但发生的情况是它延迟了 5 秒
  • 性能说明:预热后代码运行速度变慢

    下面的代码运行完全相同的计算 3 次 它没有做太多事情 基本上将 1 到 100m 之间的所有数字相加 前 2 个块的运行速度大约是第三个块的 10 倍 我已经运行这个测试程序超过 10 次 结果显示差异很小 如果有的话 我希望第三个块运行
  • 安装 Swashbuckle.AspNetCore 包后,Aspnet core 2.2 默认路由更改为“~/index.html”

    在我的 Asp net Core MVC 应用程序中安装 Swashbuckle AspNetCore 后 默认路由将被 index html 页面覆盖 我现在使用 的地方是将我的应用程序重定向到 index html 而不是默认的 MVC
  • 如何推断两个人之间的财产是兄弟

    我需要推断一个人是另一个人的兄弟 如果他们有同一个父亲 所以 如果我有这个 巴特有父亲荷马 丽莎有父亲荷马 Because Bart and Lisa有同一个父亲 我想推断 丽莎有弟弟巴特 有没有什么方法可以利用任何属性特征来做到这一点 使
  • MediaCodec 和 TextureView 的 Z 顺序问题

    在我的 Android 应用程序中 我需要使用以下 Z 顺序渲染三个视图 在底部 输出表面MediaCodec解码器覆盖整个屏幕 我有一个要求 我必须转换生成的图像MediaCodec 例如缩放 中间有一个GLSurfaceView 或我定
  • 如何修改 Grails 中的域类?

    我无法弄清楚在自动创建相应的数据库表后修改域类的 标准做法 是什么 Grails 中没有 迁移 而且我无法告诉它输出它将生成的新 SQL 以便您可以将其与之前的表定义进行比较并手动发出您自己的 ALTER TABLE 命令 这就是我所做的
  • R:index()或index.xts()改变了时间序列的Date值,为什么?

    我想从使用 getSymbols 获得的时间序列中提取日期 但是当我使用 index index xts 函数时 返回的日期似乎早了一天 我无法理解为什么下面的代码中会发生这种行为 然而 预期的行为是获取与原始时间序列中的日期对象相对应的日
  • 仅在处理同一主题的 SQS 订阅后调用 AWS Lambda SNS 事件

    我想实现一个 Amazon SNS 主题 它首先将消息传递到作为该主题订阅者的 SQS 队列 然后执行也是同一主题订阅者的 AWS Lambda 函数 然后 Lambda 函数可以从 SQS 队列读取消息并并行处理其中的多个消息 数百个 我
  • 使用 HTML5 Web 数据库存储文件以供离线访问

    我正在尝试为 iPad 创建一个简单的网络应用程序 需要在没有互联网连接的地方使用 该应用程序本质上是一个简单的 幻灯片 但还包含一些视频文件 通常约为 100MB 最初 我计划在上路之前使用 HTML5 的离线清单缓存将资源同步到 iPa