无法在 ionic 2 中查看图像

Question

我正在尝试在我的应用程序中添加图片，我将我的图片本地存储在 myApp/www/build/img。image.png

我的 html 是

<div text-center>
        <img style="height: 100%; width: 20% "  src="/www/build/img/image.png">
        <p >Powered By yokesh</p>
    </div>

我得到这样的输出

在我的控制台中我得到

我的离子信息

Your system information:

Cordova CLI: 6.1.1
Ionic Framework Version: 2.0.0-beta.6
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v4.4.3
Xcode version: Not installed

谁能帮我解决这个问题

Answer 1

不用/www/build/

试试

<div text-center>
        <img style="height: 100%; width: 20% "  src="img/image.png">
        <p >Powered By yokesh</p>
    </div>

Answer 2

首先将您的图像存储在以下目录中：创建文件夹 "img"（如果不存在）

[appname]/www/img/image.png

那么你的 div 应该是这样的：

<div text-center>
    <img style="height: 100%; width: 20% " src="img/image.png">
<p>Powered By yokesh</p>
</div>

我还建议将所有 css 存储在 [pageName].scss 文件中。使用 ionic2 你没有任何借口

Answer 3

对于 ionic2，停止篡改您的 www 文件夹。 www 文件夹内容始终由构建过程自动生成。始终将您的图像添加到。

[appname]/src/assets

对于您的情况，image.png 将是 [appname]/src/assets/img/image.png

那么 html src 将如下所示：

 <div text-center>
        <img style="height: 100%; width: 20% "  src="assets/img/image.png">
        <p >Powered By yokesh</p>
    </div>

无法在 ionic 2 中查看图像

Could not able to view image in ionic 2

ionic2

angular