我正在使用 Phonegap 创建一个 Android 应用程序，但是我无法将图片插入到我的项目中。我已经将我的 .png 文件保存在不同的目录中，但是我的图片应该出现的地方只显示了一个问号。我也不能使用来自 URL 的图片。
4个回答
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的，我不知道早期操作系统的情况。
- tstittleburg
4
对我来说，我通过在“images”文件夹前添加点号来解决了这个问题，就像这样：
<img src="./images/bg4.jpg" />
- DD.
2
我犯了一个非常常见的错误。如果您将.js文件添加到您的index.html并在其中使用图像，则需要从index.html页面计算图像路径，而不是从.js文件中计算，因为.js文件将在index.htm中被解释。
例如，将所有图像放在紧挨着index.html的img/文件夹中，然后当您使用其中一张图片时，只需执行以下操作：
<img src="img/YOU_IMG.png" />
- Titouan de Bailleul
2
1我和楼主遇到了同样的问题。但是图片放置正确，因为在Web浏览器中它们可以正常工作。只有当我通过模拟器运行时，它们才不显示... - David Masters
然后创建一个新的帖子。这样会更容易 ;) - Titouan de Bailleul
0
在PhoneGap应用程序中，图像并没有什么特别之处 - 它们是Web应用程序。如果您将桌面浏览器指向项目文件夹并打开index.html，您的图像会发生什么？如果它们在那里不显示，它们也不会在PhoneGap应用程序中显示。
- John Wargo
1
但这是不正确的，因为（至少在我的情况下）图像在浏览器中显示，但在手机模拟器中却没有显示。 - jgok222
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接