HTML/JavaScript - Fern img src mit automatischer http/https-Präfix

Question

ein Bild von einem entfernten Server angezeigt:

<img src="http://remotehost/path/to/a.png" alt="Image A" /> 

Wenn jedoch die aktuelle Seite über HTTPS zugegriffen wird, Verknüpfen von Bildern über unverschlüsselte HTTP wird die Sicherheit ergibt Warnungen. Während ich nur https angeben könnte: // unabhängig vom aktuellen Protokoll, wäre damit verschwenderisch, da ich mich nicht wirklich um die Übertragung dieses Bildes zu sichern, wenn es notwendig ist (wenn der Besucher HTTPS verwendet).

Ist es möglich, eine URL für das src-Attribut des img-Tag angeben, so dass das Protokoll in der URL dynamisch die aktuelle Seite auf dem Protokoll basiert auf verwendet gewählt zugreifen? Um zu veranschaulichen, was ich meine:

<img src="(JavaScript's window.location.protocol)//remotehost/path/to/a.png" alt="Image A" /> 

Was ist, wenn wir JavaScript verwenden? Wir könnten dem img-Tag eine ID geben, damit wir sie finden können und den src so einstellen, dass er mit window.location.protocol beginnt.

Könnte auch base64 verwenden Sie das HTTP/HTTPS-Problem vollständig zu umgehen, aber das ist nicht ideal für das, was ich tue.

Was kann euch empfehlen?

Answer 1

Just do:

<img src="//remotehost/path/to/a.png" alt="Image A" /> 

Answer 2

wenn die Datei auf LAN Sie benötigen Datei zu verwenden: // Protokoll 5 slash hinzufügen, bevor Pfad so mein Servername ist athensserver so f://///athensserver/ (alles, was Sie hier gemeinsam)

file://///athensserver/athens/0/e1.png"