Question

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

我的文件夹结构如下：

WWW
- 的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">

但它没有用。

Answer 1

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

- index.html
- folder
    -image.png

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

Answer 2

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

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

离子不会加载图像

2 个答案: