PhoneGap图片

时间:2012-02-17 04:36:18

标签: android cordova

我目前正在使用Android创建Phonegap应用程序,我无法将图像插入到我的项目中。我已将我的.png文件保存在不同的目录中,但仍然只有一个问号显示我的图像应该在哪里。我也无法使用网址中的图片。

4 个答案:

答案 0 :(得分:8)

要使用本地图像,请尝试以下操作。

将您的图片放在项目的/ assets / www文件夹中

然后按如下方式设置图像标记:

<img src="../www/myimage.png">

是的,我意识到这应该与将src设置为“myimage.png”相同。我不能说这可能有用的原因,但我对Phonegap上的本地图像有完全相同的问题,这解决了我的问题。如果您将它们放在子目录中,则可以尝试将其添加到路径中:

<img src="../www/mydir/myimage.png">

我还发现以下语法有效,可能看起来不那么笨拙:

<img src="./myimage.png">

或者

<img src="./mydir/myimage.png">

不幸的是,这完全出现在Android 4.0上,我不知道早期版本的操作系统

答案 1 :(得分:3)

对我来说,我通过在“images”文件夹之前添加点来获得解决方案,如此

<img src="./images/bg4.jpg" />

答案 2 :(得分:2)

我做了很多错误。 如果您将.js个文件添加到index.html并使用其中的图片,则需要从index.html页面而不是.js文件计算图像路径,因为{{1文件将在.js

中解释

例如,将所有图片放在index.html旁边的index.htm /文件夹中,然后当您使用其中一张图片时

img

答案 3 :(得分:0)

PhoneGap应用程序中的图像没有什么特别之处 - 它们是Web应用程序。如果您将桌面浏览器指向项目文件夹并打开index.html,您的图像会发生什么?如果他们没有出现在那里,他们就不会出现在PhoneGap应用程序中。