图像不显示在PhoneGap构建应用程序中 [英] Images not showing in PhoneGap Build application

问题描述

我最近决定开始使用PhoneGap Build使用网络技术创建应用程序。请注意，我使用PhoneGap Build not PhoneGap，因此我不保留原生API。

我使用HTML img标签显示图像，有一些麻烦。图像显示在浏览器中，但当我把它带到我的手机，他们只是消失了。我试过一切：检查案例和拼写。我甚至尝试上传图像到我的网站服务器，什么也没有。

任何帮助将非常感激。

UPDATE >

我使用这个HTML，这是一个JavaScript字符串，因为这是我在运行时输入它的方式：

< p id = \calculator \>< img id = \images \src = \images/[e-mail]\>< span id = \converterTitles \>计算器< / span>< / p>< hr>< p id = \distance\>< img id = \images \src = \images/[e-mail] \"< span id = \converterTitles \>距离转换器< / span>< / p>< hr>< p id = \area\>< img id = \images\src = \images/[e-mail] \>< span id = \ < / span>< / span>< / p>< \\images/[e-mail] \>< span id = \converterTitles \>音量转换器< / span>< / p>< hr>< p id = \ mass\>< img id = \images\src = \images/[e-mail] \>< span id = \converterTitles \>质量转换器< / span>< / p>< hr>< p id = \force \>< img id = \images \src = \images / [e-mail] \"< span id = \converterTitles \> Force Converter< / span>< / p>< hr>< p id = \ >< img id = \images \src = \images/[e-mail] \>< span id = \converterTitles \ span>< / p>< hr>< p id = \energy\>< img id = \images\src = \images/[e-mail]\\ \\>< span id = \converterTitles \>能量转换器< / span>< / p>< hr>< p id = \temperature \>< img id = \images\src = \images/[e-mail] \>< span id = \converterTitles \>温度转换器< / span>< / p ;< hr>< p id = \dataStorage\>< img id = \images \src = \images/[e-mail] \> span id = \converterTitles \>数据存储转换器< / span>< / p>< hr>< p id = \time\>< img id = \ images\src = \images/[e-mail] \>< span id = \converterTitles \>时间转换器< / span>< / p>< hr& < p id = \speed\>< img id = \images\src = \images/[e-mail] \>< span id = \ convertTitles \>速度转换器< / span>< / p>< hr>< p id = \acceleration \>< img id = \images \src = \images/[e-mail]\>< span id = \converterTitles \>加速转换器< / span>< / p>< hr>< p id = \pressure\>< img id = \images \src = \images/[e-mail] \>< span id = \converterTitles \ >压力转换器< / span>< / p>< hr>< p id = \density \>< img id = \images \src = \ /[e-mail] \\"> ;<span id = \converterTitles \>密度转换器< / span>< / p>< hr>< p id = \any\\ \\>< img id = \images\src = \images/[e-mail] \>< span id = \converterTitles\> \Any\Converter< / span>< / p>< hr>< p id = \angle\>< img id = \images \src = \\images / Angle.png \>< span id = \converterTitles \>角度转换器< / span>< / p>< hr> / p>

这是用跳过字符提交的，所以可能很难阅读。但你得到的要点。最简单的标签不工作。我有一些CSS，做一些背景图片使用url（），也不显示。

解决方案

它只是把图像放到根文件夹中并链接到它。可能不是最好的解决方案，但它的工作原理！希望这有助于任何观众。 PhoneGap构建应用需要图片位于根文件夹中。

I have recently decided to start using PhoneGap Build to create apps using web technologies. Please note that I'm using PhoneGap Build not PhoneGap and so I don't maintain native APIs.

I use HTML img tags for displaying images of course and I'm having some trouble. The images display nicely in a browser but when I take it to my phone they just disappear. I've tried everything: checking case and spelling. I even tried uploading the images to my website server and nothing.

Any help on this will be greatly appreciated.

UPDATE

I use this HTML, It's a JavaScript string as that's how I input it during runtime:

"<p id=\"calculator\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Calculator</span></p><hr><p id=\"distance\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Distance Converter</span></p><hr><p id=\"area\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Area Converter</span></p><hr><p id=\"volume\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Volume Converter</span></p><hr><p id=\"mass\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Mass Converter</span></p><hr><p id=\"force\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Force Converter</span></p><hr><p id=\"power\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Power Converter</span></p><hr><p id=\"energy\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Energy Converter</span></p><hr><p id=\"temperature\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Temperature Converter</span></p><hr><p id=\"dataStorage\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Data Storage Converter</span></p><hr><p id=\"time\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Time Converter</span></p><hr><p id=\"speed\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Speed Converter</span></p><hr><p id=\"acceleration\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Acceleration Converter</span></p><hr><p id=\"pressure\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Pressure Converter</span></p><hr><p id=\"density\"><img id=\"images\" src=\"images/[e-mail]\"><span id=\"converterTitles\">Density Converter</span></p><hr><p id=\"any\"><img id=\"images\" src=\"images/[e-mail]\"><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>"

It's filed with skip characters so it might be hard to read. But you get the gist. The simplest tags don't work. I have some CSS that does some background images using url() that also doesn't show.

解决方案

I was able to fix it by just throwing the images into the root folder and linking to that. May not be the best solution but it works! Hope this helps any viewers. PhoneGap Build apps require the images to be in the root folder.

这篇关于图像不显示在PhoneGap构建应用程序中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！