无法使用 Android 在 IonicView 上预览图像

Posted 2023-03-13

【中文标题】无法使用 Android 在 IonicView 上预览图像

【英文标题】：Can't preview Images on IonicView with Android

【发布时间】：2016-02-12 19:47:38

【问题描述】：

好吧，我使用 Ionic Creator 制作了一个应用程序，我添加了两个图像并完成了我的应用程序，我使用“ionic start [appName] creator:[myappnumber]”从 ionic 中将其导出，并且一切正常。 我在终端中使用了 ionic serve 并弹出一个显示我的应用程序的 chrome 窗口，其中显示了图像，但是当我在我的手机中使用离子视图进行离子上传和下载文件然后想要预览我的应用程序时，问题是在那里，图像没有显示，我已经尝试过使用 img src= 和 img ng-src 但它们都不起作用。

<ion-view title="Title">
<ion-content padding="true" scroll="false" class="has-header">
    <img ng-src="/img/r7qprdTRXqs2xOvgKLHI_3-logocolor.png"   style="width: 100%; height: auto;">
    <form class="list">
        <ion-list>
            <label class="item item-input">
                <span class="input-label">Nombre</span>
                <input type="text" placeholder="">
            </label>
            <label class="item item-input">
                <span class="input-label">Usuario</span>
                <input type="text" placeholder="">
            </label>
            <label class="item item-input">
                <span class="input-label">Email</span>
                <input type="email" placeholder="">
            </label>
        </ion-list>
        <a href="#/page1" class="button button-dark button-block ">Iniciar Encuesta</a>
    </form>
</ion-content>

【参考方案1】：

尝试使用 Chrome 浏览器的 DevTools 进行调试。在您的设备上运行应用程序后，在 url 部分中键入“chrome://inspect/#devices”。确保您的设备已连接到计算机。应用程序运行后，您将能够在浏览器上看到您的设备并检查图像是否已加载。它将很容易调试。要么是路径问题，要么是布局问题。