首页 / JAVASCRIPT / javascript – 在HTML5离线应用程序中使用图像？

javascript – 在HTML5离线应用程序中使用图像？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在HTML5离线应用程序中使用图像？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1559字，纯文字阅读大概需要3分钟。

内容图文

我们已经使用HTML5成功创建了一个离线应用程序.它的作用是将数据存储在indexedDB或localStorage中,在线时,将同步本地存储和在线数据库.一切都很好,直到我们决定添加上传图像的功能.

1)由于应用程序脱机工作,我们无法在服务器上传图像,我们将把它们放在哪里？

可能的解决方案：

>离线时,保存路径,当用户上线时,通过创建输入元素并将路径分配给其value属性来上传图像.这种方法的问题是我们不能改变输入元素的值属性,我们无法获得要上传的图像的完整路径.看起来这个解决方案真的不可能.
>将图像保存在indexedDB或localStorage中,这可能吗？

2)如果我们成功地将图像保存在indexedDB或localStorage中,我们如何在用户上线后上传它？

可能的解决方案：

> WebSocket – 我还没有触及它.
> Flash – 它可以在iPhone上运行吗？可能不是.

3)如果我们在indexedDB或localStorage中成功保存了图像,我们如何在页面上显示它？图像元素使用src属性来确定要显示的图像,是否有其他方法如使用图像二进制？

如果您以前遇到过相同的情况,您为实现目标做了哪些解决方法？

解决方法:

使用HTML5中提供的FileAPI.您可以在那里“上传”图像,然后,当服务器重新联机时,即使使用传统的XHR,也可以传输它们.

FileAPI可以安全使用,因为大多数主流浏览器都支持它：http://caniuse.com/#feat=fileapi

详细：

1)将文件写入permament或临时存储(由我们的应用程序定义).请注意,会话退出时会清除temporarystorage(由浏览器决定).

请参阅此处获取教程：http://www.html5rocks.com/en/tutorials/file/filesystem/?ModPagespeed=noscript

2)我会使用传统的XHRequests来传输它们.它更容易且经过充分测试(您无需从头开始设计新协议).

3)这是最好的事情:)您可以直接从File API获取正确的URL,因此图像将从缓存中显示出来.见：http://www.html5rocks.com/en/tutorials/file/filesystem/?ModPagespeed=noscript#toc-filesystemurls

内容总结

以上是互联网集市为您收集整理的javascript – 在HTML5离线应用程序中使用图像？全部内容，希望文章能够帮你解决javascript – 在HTML5离线应用程序中使用图像？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/826021.html

来源：【匿名】