angularjs – ionic不会加载图像

发布时间：2020-12-17 10:22:15 所属栏目：安全来源：网络整理

导读：在我的应用程序中,我有一些本地图像.我可以在使用离子服务的google开发人员工具中进行测试时看到我的图像,甚至可以在带有 android 4.4.4和4.2.2的genymotion模拟器中进行测试.但是当我在真正的 Android设备上安装我的应用程序时(我尝试三星Galaxy S3和三星Ga

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

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

> www

> index.html
> app

>书

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

但它不起作用.

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

- index.html
- folder
    -image.png

你需要说src =“image.png”.因此,在您的情况下,您不必引用根目录(文件夹).你可以说images / icon.png要引用上层文件夹(如果它在根目录中),您可以说../../icon.png,对每个后续文件夹使用../.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!