在Sencha中，如何从服务器下载jpg或png文件并存储在localstore中以供日后使用

Question

对于我的Sencha项目，我想从服务器下载一些图像并保存在项目中供以后使用。我计划使用当地商店。

我知道我们需要以json格式发送图像数据文件。稍后我将需要将此数据博客保存在本地商店中，同时显示将其转换为png和显示。 但这在Sencha中是否可行。我没有在sencha中完成json解析。我是这本Pls指南的新手

1. 我将如何解析json的图像数据
2. 如何将数据文件转换为图像格式。
3. 有没有更好的方法来实现这一目标。 请评论。

Answer 1

1。 一种选择是服务器端将图像转换为dataurl。它基本上意味着你必须转换图像 到Base64并添加浏览器的mimetype来解释数据。

它将给出一个类似下面的字符串，这很容易在localstorage中手动缓存：

data:image/png;base64,/9j/4AAQSkZJRgABA[...]

2。 您无需将数据转换为图像。浏览器为您做到了这一点。您可以使用此字符串作为图像的来源。

<img src="data:image/png;base64,/9j/4AAQSkZJRgABA[...]" />

或使用Img.setSrc()

在Sencha Touch中

3。 建议不要使用JSON传输图像，因为由于base64效率低下，文件大小增加了大约37%。 如果图像是静态资源，则可以通过将包含文件夹路径添加到Sencha Touch应用程序app.json文件中来将它们添加到应用程序中（请参阅resources和appcache属性）。这意味着在构建应用程序时，它们将被复制。

更多信息：http://www.sencha.com/blog/offline-techniques-sencha-touch/