ionic lädt keine Bilder

Question

In meiner Anwendung habe ich einige lokale Bilder. Ich kann meine Bilder sehen, wenn in Google-Entwickler-Tools mit ionic serve testen und sogar in Genymotion-Simulator mit Android 4.4.4 und 4.2.2. Aber wenn ich meine App auf einem echten Android-Gerät installiere (ich versuche Samsung Galaxy S3 und Samsung Galaxy Ground Neo), kann ich meine Bilder nicht sehen.

Meine Ordnerstruktur wie folgt lautet:

• www
  • index.html
  • App
    • Buch
      • book.html
      • Bilder
        • icon.png

und in meinem book.html ich versuche, die folgende URL für das Laden Bild:

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

Ich bewege icon.png auch Root-Ordner in index.html und versuchen Sie dies:

<img src="icon.png"> 

aber es funktioniert nicht.

Answer 1

Die HTML-Struktur funktioniert so, dass Sie Ihre Dateien immer relativ zu Ihrer aktuellen Datei aufrufen müssen. Zum Beispiel, wenn Ihre Struktur wie folgt aussieht:

- index.html 
- folder 
    -image.png 

Sie benötigen würden src="image.png" zu sagen. In diesem Fall müssen Sie nicht auf das Stammverzeichnis (Ordner) verweisen. Sie können einfach images/icon.png sagen. Um auf einen übergeordneten Ordner zu verweisen (wenn es im Stammverzeichnis wäre), könnten Sie ../../icon.png sagen, mit ../ für jeden nachfolgenden Ordner.

Answer 2

Ich hatte das gleiche Problem. Meine Bilder sind in www\assets\images gespeichert. Ich benutzte den Pfad ../../assets/images/myimg.png und arbeitete in Ripple, aber nicht bei der Bereitstellung auf meinem Android-Gerät.

Die Lösung die für mich gearbeitet wurde den relativen Pfad zu entfernen und mit assets/images/myimg.png