我最近决定开始使用PhoneGap Build来使用网络技术创建应用程序。请注意，我使用的是PhoneGap Build而不是PhoneGap，所以我不维护原生API。
我使用HTML img标签来显示图像当然我遇到了一些麻烦。图像在浏览器中很好地显示，但当我将它带到手机时，它们就会消失。我已经尝试了一切：检查案例和拼写。我甚至尝试将图像上传到我的网站服务器而没有。
对此的任何帮助将不胜感激。
更新
我使用这个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（）执行一些背景图像，但也没有显示。
答案 0 :(得分：32)
我有类似的问题。我的解决方案是通过删除前导＆＃34; /＆＃34;：/img / my_icon.png - ＆gt;来更改图像路径。 img / my_icon.png，然后我的应用内图标出现了。看起来你的路径是正确的。
答案 1 :(得分：9)
我能够通过将图像放入根文件夹并链接到该文件夹来修复它。可能不是最好的解决方案，但它有效！希望这可以帮助任何观众。 PhoneGap Build应用程序要求图像位于根文件夹中。
答案 2 :(得分：2)
我遇到了文件名区分大小写的问题，将所有图像文件名改为小写后，并用相同的大小写引用它，一切都开始正常了。
答案 3 :(得分：0)
我发现其他答案都是正确的。至少对我来说，图像必须位于根文件夹中，并且HTML中的大小写必须与实际的图像文件名称大小写匹配。
我正在使用Nomad，所以我不知道在打包应用程序或PhoneGap问题时这是否是Nomad问题。
答案 4 :(得分：0)
当我在CSS中使用媒体查询时，我遇到了问题。我忘了考虑CSS图像路径是相对于样式表而不是文档。所以在我的情况下，我的路径变成了../images/...
答案 5 :(得分：0)
可能与使用gulp构建其应用程序的开发人员相关：如果图片未显示，请在www后查看图片放置在gulp build内的位置。
在我的情况下，PhoneGap正在/www/css文件夹中搜索图片。更改clean和images任务以反映解决了我的问题。
我试图用CSS设置背景图像;它现在使用：
background-image: url("img/background.jpg")