离子不会加载图像

Question

在我的应用程序中,我有一些本地图像.我可以在谷歌开发者工具中测试我的图像ionic serve,甚至在使用android 4.4.4和4.2.2的genymotion模拟器中.但是当我在真正的Android设备上安装我的应用程序时(我尝试三星Galaxy S3和三星Galaxy Ground Neo)我看不到我的图像.

我的文件夹结构是这样的:

• 万维网
  • 的index.html
  • 应用
    • 书
      • book.html
      • 图片
        • 的icon.png

并在我的book.html尝试下面的URL加载图像:

    <img src="app/book/images/icon.png">
    <img src="../../images.icon.png">

我还将icon.png移动到index.html中的根文件夹并试试这个:

  <img src="icon.png">

但它不起作用.

Answer 1

HTML 结构的工作方式是，您始终需要相对于当前文件调用文件。例如，如果您的结构如下所示：

- index.html
- folder
    -image.png

你需要说src="image.png"。因此，在您的情况下，您不必引用根目录（文件夹）。你可以直接说images/icon.png。要引用上层文件夹（如果它位于根目录中），您可以说../../icon.png，用于../每个后续文件夹。