Vorhandenes Bild wird lokal nicht gezeigt

[Linuchs]

Moin,

ich habe Webseiten mit je einer Grafik, die so aufgerufen wird:

<img src="./rolling_down_to_old_maui.png" style="width:100%" />

Wenn man die Seiten vom Server abruft, werden die Noten gezeigt. Wenn ich die HTML Datei lokal aufrufe mit

file:///home/.../musik/noten/rolling_down_to_old_maui.htm

versucht FF die Datei

file:///musik/noten/rolling_down_to_old_maui.png

zu laden, die ja nicht in diesem Verzeichnis steht. So wäre es richtig:

file:///home/.../musik/noten/rolling_down_to_old_maui.png

Da es um den Druck von Notenbüchern geht, möchte ich nicht gezwungen sein, alles erstmal auf den Server zu kopieren, um es dann wieder runterzuladen.

Gibt es eine Adressierung, die lokal UND webweit funktioniert?

Gruß, Linuchs

[Henry]

Hallo Linuchs,

Gibt es eine Adressierung, die lokal UND webweit funktioniert?

Ich verstehe dein Problem nicht wirklich. Denn jede relative Pfadangabe funktioniert lokal wie eben im web. Kannst du das mal bitte genauer schildern?

Gruss
Henry

[Linuchs]

Hallo Henry,

Kannst du das mal bitte genauer schildern?

Mit [Strg][O] gehe ich im FF auf Datei öffnen und klicke auf

file:///home/kalle/www/osmer.de/musik/liedtexte/1_klabauter_a5.htm

Das Lieder-Textbuch mit zahlreichen Seiten in iframes erscheint korrekt. Einige Seiten enthalten einen Link zum Notenblatt. Wenn ich den anklicke, erscheint im jeweiligen Frame die zugehörige HTML-Datei, die die Noten als <img> enthält. So kann ich also ein Lieder-Notenbuch drucken

file:///home/kalle/www/osmer.de/musik/noten/rolling_down_to_old_maui.htm

Aber das Bild der Noten wird vom FF nicht gefunden

file:///home/kalle/www/osmer.de/musik/noten/rolling_down_to_old_maui.png

Wenn ich mit der rechten Maustaste [Grafik anzeigen] wähle, verrät FF, was er nicht laden konnte:

file:///musik/noten/rolling_down_to_old_maui.png

Innerhalb der HTML-Datei ist das Bild notiert mit

<img src="./rolling_down_to_old_maui.png" style="width:100%" />

Auch wenn ich die HTML Datei

file:///home/kalle/www/osmer.de/musik/noten/rolling_down_to_old_maui.htm

ohne iframe aufrufe, wird das Bild nicht gezeigt, während

http://osmer.de/musik/noten/rolling_down_to_old_maui.htm

überhaupt keine Probleme macht. Also die Aussage, dass relative Dateipfade genutzt werden sollen, führt nicht zur Lösung. Auch Opera hat dieses Problem.

Gruß, Linuchs

[JürgenB]

Hallo Linuchs

lass mal diese Zeilen weg:

if( window.location.href.indexOf ("liedtexte") == -1 ) {
    document.writeln( "<base href=\"/musik/noten/\" \/>" );
  }

Gruß
Jürgen

[Rolf B]

Hallo Linuchs,

file:///home/.../musik

Ist das ... realer Teil des Pfades oder nur eine Auslassungsellipse für den Teil deines Filesystems, der uns nicht zu interessieren hat? Ein Pfad mit "..." unter Linux hat doch irgendwie Sonderbedeutung, oder?

Wieauchimmer, ich habe das mal unter Windows nachzustellen versucht (mangels Linux9, und es ist möglicherweise ein FF/Linux Bug; ich kann das nicht nachvollziehen.

Sowohl file:///d:/temp/test/index.html als auch ein mit IIS 10 auf D:\temp\test gemapptes Web mit http://localhost:88/index.html funktionieren und betten ein Bild mit src="./foo.png" korrekt ein. Unter IE11, FF, Chrome und Edge.

Rolf

[Orlok]

Hallo Rolf

Ist das ... realer Teil des Pfades oder nur eine Auslassungsellipse für den Teil deines Filesystems, der uns nicht zu interessieren hat? Ein Pfad mit "..." unter Linux hat doch irgendwie Sonderbedeutung, oder?

Sonderbedeutungen haben . und .., die in jedem Verzeichnis automatisch angelegt werden. ... kann als Pfadname verwendet werden.

Der Name . verweist auf das Verzeichnis selbst. Also home/rolf/. ist home/rolf. Der Name .. hingegen verweist auf das Elternverzeichnis des aktuellen Verzeichnisses. Also ist zum Beispiel home/rolf/programs/.. ebenfalls das Verzeichnis home/rolf.

Verzeichnisse deren Name mit einem Punkt beginnt werden aber standardmäßig ausgeblendet. Will man sie trotzdem sehen, muss man das explizit angeben:

$ mkdir ...
$ ls -a
.
..
...
$ rmdir ...

Viele Grüße,

Orlok

[pl]

hi,

Gibt es eine Adressierung, die lokal UND webweit funktioniert?

Ja sicher gibt es die. Wenn Du Deinen lokalen Webserver bezüglich DOCUMENT_ROOT genauso konfigurierst wie den Web-Webserver und remote wie lokal dieselbe Verzeichnisstruktur sowie Dateiablage hast, funktioniern sämtliche Pfadangaben lokal wie remote gleichermaßen, egal ob relativ oder virtuell.

MfG

[Gunnar Bittersmann]

@@pl

Wenn Du Deinen lokalen Webserver …

Es war keine Rede davor, dass es einen solchen gibt.

LLAP 🖖

[Gunnar Bittersmann]

@@Linuchs

ich habe Webseiten mit je einer Grafik, die so aufgerufen wird:

<img src="./rolling_down_to_old_maui.png" style="width:100%" />

Fehler: alt-Attribut fehlt.

Auch bei einer speziellen Anwendung sollten doch die grundlegenden Regeln eingehalten werden.

LLAP 🖖

[marctrix]

Hej Gunnar,

@@Linuchs

ich habe Webseiten mit je einer Grafik, die so aufgerufen wird:

<img src="./rolling_down_to_old_maui.png" style="width:100%" />

Fehler: alt-Attribut fehlt.

Ja, aber was soll da drin stehen? Name des Liedes? Kann man sich nichts drunter vorstellen, wenn man das nicht kennt.

Hier wäre es super, wenn man eine Midi-Datei (bei Liedern ohne Copyright) herunterladen könnte, ggfs. auch Links zu Beispiel-Interpretationen im web. Selbst ein mehr oder weniger ordentlich vorgetragenes „lalala“ als mp3 kann hilfreich sein, um herauszufinden, ob man das Stück schon mal gehört hat. 😉

Marc

[Matthias Apsel]

Hallo marctrix,

Fehler: alt-Attribut fehlt.

Ja, aber was soll da drin stehen? Name des Liedes? Kann man sich nichts drunter vorstellen, wenn man das nicht kennt.

Nichts oder "Noten des Liedes …"

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Matthias Apsel

Fehler: alt-Attribut fehlt.

Ja, aber was soll da drin stehen? Name des Liedes? Kann man sich nichts drunter vorstellen, wenn man das nicht kennt.

Nichts oder "Noten des Liedes …"

Letzteres.

LLAP 🖖