图像未显示在PhoneGap Build应用程序中

Question

我最近决定开始使用PhoneGap Build来使用Web技术创建应用程序.请注意我使用的是PhoneGap Build而不是PhoneGap,所以我不维护原生API.

我当然使用HTML img标签来显示图像,但是我遇到了一些麻烦.图像在浏览器中很好地显示,但当我将它带到手机时,它们就会消失.我已经尝试了一切:检查案例和拼写.我甚至尝试将图像上传到我的网站服务器而没有.

任何有关这方面的帮助将不胜感激.

UPDATE

我使用这个HTML,它是一个JavaScript字符串,因为我在运行时输入它:

"<p id=\"calculator\"><img id=\"images\" src=\"images/calculator@2x.png\"><span id=\"converterTitles\">Calculator</span></p><hr><p id=\"distance\"><img id=\"images\" src=\"images/Ruler@2x.png\"><span id=\"converterTitles\">Distance Converter</span></p><hr><p id=\"area\"><img id=\"images\" src=\"images/Line-Graph-1@2x.png\"><span id=\"converterTitles\">Area Converter</span></p><hr><p id=\"volume\"><img id=\"images\" src=\"images/box3@2x.png\"><span id=\"converterTitles\">Volume Converter</span></p><hr><p id=\"mass\"><img id=\"images\" src=\"images/dumbells@2x.png\"><span id=\"converterTitles\">Mass Converter</span></p><hr><p id=\"force\"><img id=\"images\" src=\"images/circle-east@2x.png\"><span id=\"converterTitles\">Force Converter</span></p><hr><p id=\"power\"><img id=\"images\" src=\"images/Lightbulb@2x.png\"><span id=\"converterTitles\">Power Converter</span></p><hr><p id=\"energy\"><img id=\"images\" src=\"images/Refresh@2x.png\"><span id=\"converterTitles\">Energy Converter</span></p><hr><p id=\"temperature\"><img id=\"images\" src=\"images/thermometer@2x.png\"><span id=\"converterTitles\">Temperature Converter</span></p><hr><p id=\"dataStorage\"><img id=\"images\" src=\"images/inbox@2x.png\"><span id=\"converterTitles\">Data Storage Converter</span></p><hr><p id=\"time\"><img id=\"images\" src=\"images/Clock@2x.png\"><span id=\"converterTitles\">Time Converter</span></p><hr><p id=\"speed\"><img id=\"images\" src=\"images/jeep@2x.png\"><span id=\"converterTitles\">Speed Converter</span></p><hr><p id=\"acceleration\"><img id=\"images\" src=\"images/Cue-Forward@2x.png\"><span id=\"converterTitles\">Acceleration Converter</span></p><hr><p id=\"pressure\"><img id=\"images\" src=\"images/Parking@2x.png\"><span id=\"converterTitles\">Pressure Converter</span></p><hr><p id=\"density\"><img id=\"images\" src=\"images/beaker@2x.png\"><span id=\"converterTitles\">Density Converter</span></p><hr><p id=\"any\"><img id=\"images\" src=\"images/Hand-Open@2x.png\"><span id=\"converterTitles\">The \"Any\" Converter</span></p><hr><p id=\"angle\"><img id=\"images\" src=\"images/Angle.png\"><span id=\"converterTitles\">Angle Converter</span></p><hr>"

它以跳过的字符提交,因此可能很难阅读.但是你得到了要点.最简单的标签不起作用.我有一些CSS使用url()执行一些背景图像,也没有显示.

Answer 1

我遇到了类似的问题.我的解决方案是通过删除前导"/":/img/my_icon.png - > img/my_icon.png来更改图像路径,然后显示我的应用内图标.看起来你的路径是正确的.

Answer 2

我能够通过将图像放入根文件夹并链接到该文件夹​​来修复它.可能不是最好的解决方案,但它有效!希望这可以帮助任何观众.PhoneGap Build应用程序要求图像位于根文件夹中.