javascript - 带有远程 index.html 的应用程序中的 Phonegap 资产下载器

Question

我有一个 phonegap 应用程序，它在通话中使用远程 url，loadUrl我试图找出一种方法将图像下载到设备并在应用程序中显示它们。

我的下载器工作正常，将图像存储在 file:///mnt/sdcard/.myapp，但我不知道如何从那里显示它们。我怀疑权限问题。我尝试将文件协议样式 url 用于图像元素和背景图像；都没有工作。我也尝试过使用base64字符串，但是图像比较大而且数量很多，所以真的很慢......

有人对如何使这项工作有任何聪明的想法吗？

Answer 1

我不确定你是如何从 HTML 中引用它的，但我有类似的情况，我下载的图像存储在 sdcard 中，我使用以下方式显示它们。

还要确保您的手机处于Charge only模式，而不是Disk drive模式。

直接img标签

<img src="file:///mnt/sdcard/.myapp/1335801699503.png" width="100px" height="100px">

作为 CSS 属性

<div style="background: url(file:///mnt/sdcard/.myapp/1335801699503.png) no-repeat; width: 200px; height: 200px;">
</div>