Matthias Apsel: Bild über URL-Eingabe im Browser aufrufen

Beitrag lesen

Om nah hoo pez nyeetz, klaushome!

ich möchte bitte in einem Eingabefeld eine URL zu einem Bild (z.B. "http://www.domain.de/foto.jpg") eingeben und dann soll dieses Bild geladen und angezeigt werden. Klingt irgendwie super einfach, aber die Leute, die ich gefragt habe, sagen, das geht nicht ohne das Bild auf einen Server zu laden. Ich möchte aber, dass alles nur im Browser des Users stattfindet.

Doch, das geht.

<!doctype html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title></title>  
    <style>  
      iframe { border: 1px solid; height: 800px; width: 600px; }  
    </style>  
  </head>  
  <body>  
    <input id="input" type="url">  
    <button onclick="tausche_url()">URL anzeigen</button>  
    <iframe id="iframe"></iframe>  
    <script>  
      function tausche_url() {  
	document.getElementById('iframe').src = document.getElementById('input').value;  
      }  
    </script>  
  </body>  
</html>

Das Beispiel soll nur die Funktionsweise veranschaulichen.

Wichtig! Manche Leute mögen es nicht, wenn ihre Bilder auf diese Weise eingebunden werden.

Frohe Weihnachten
Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Hang und Hangar.