在 PhoneGap 中引用图像

Question

我最近在 Xcode 中使用 PhoneGap 开发了一个 HTML5 (Sencha Touch) 应用程序。我的应用中有一些地方可以引用图片，如下所示：

logo = {
        xtype: 'component',
        html: '<img src="http://localhost/resources/logo.png" />',
        height: 100,
        width: 200
};

我想知道我需要如何更改此代码以引用已复制到 Xcode 中的图像，看看此代码如何不再适用于我的 PhoneGap 应用程序。

Answer 1

假设logo.png 位于您的项目www 文件夹下名为resources 的文件夹中，您可以尝试使用相对URL：

logo = {
        xtype: 'component',
        html: '<img src="resources/logo.png" />',
        height: 100,
        width: 200
};

我不是很喜欢 Sencha Touch，但 <img src="resources/logo.png" /> 对于普通 PhoneGap 应用程序中该位置的图像是正确的。