离子不加载图像答案

【问题标题】：ionic doesn't load images离子不加载图像
【发布时间】：2017-03-20 21:48:15
【问题描述】：

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

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

万维网
- index.html
- 应用程序
  - 书
    - book.html
    - 图片
      - icon.png

在我的book.html 中，我尝试使用以下网址加载图片：

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

我还将 icon.png 移动到 index.html 中的根文件夹并尝试以下操作：

  <img src="icon.png">

但它不起作用。

【问题讨论】：

我记得同样的问题：stackoverflow.com/questions/27267378/…
如果您正在渲染 book.html，那么它应该寻找路径 images/icon.png。

标签： angularjs cordova ionic-framework

【解决方案1】：

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

- index.html
- folder
    -image.png

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

【讨论】：

【解决方案2】：

我遇到了同样的问题。我的图像存储在www\assets\images。我使用路径 ../../assets/images/myimg.png 并在波纹中工作，但在部署到我的 android 设备时没有。

对我有用的解决方案是删除相对路径并使用assets/images/myimg.png

【讨论】：