Question

我试图在Eclipse中的PhoneGap项目中显示图像，但出于某种原因，这不会起作用。图像位于www文件夹中并以这种方式链接到它，

  <!DOCTYPE html>
  <html>
  <head><title></title>
  </head>
  <body>
  <div data-role="page" id="home">
  <div data-role="header">
  <h3>Home</h3>
  </div>
  <div data-role="content">
  <img src="./www/flower.jpg"/>

  <form>
    <input type="button" value="Click me" onclick="msg()" />
  </form>
   </div>


 <div data-role="footer" data-position="fixed">
        <h5>&#169; PhoneGap Tests. 2014</h5>
    </div>
    </div>

 </body>
 </html>

我尝试了<img src="./assets/www/flower.jpg"/>以及像这样的图像路径

<img src="./PhoneGapTest/assets/www/flower.jpg"/> tried removing the period,

甚至<img src="file:///android_asset/www/flower.jpg"/>都没有运气。

Answer 1

您的www文件夹就像Apache服务器（或任何其他服务器）的公用文件夹所以你必须使用直接链接img 例如在www文件夹中创建index.html（默认为phonegap应用程序启动）和img的索引文件src是

img src="flower.jpg"

因此，如果在www中你创建目录img路径将是

img src="img/flower.jpg"

另外，检查图片的样式（确保在浏览器[Chrome例如]图片正确显示）祝你好运

Answer 2

如果图像存在于根文件夹中，即www，那么这应该适合您。

<img src="flower.jpg"/>

Answer 3

对于android：你把你的html / js项目放在assets / www文件夹中，例如assets / www / img / goat.jpg中的图像。

如果你的html文件在assets / www /中，请使用以下代码

<img src="img/goat.jpg" alt="me during last summer vacation"/>

在PhoneGap，Eclipse中链接图像文件

3 个答案: