Kann ich ein Bild aus meinem lokalen Dateisystem als Hintergrund in HTML verwenden?
Ich habe ein HTML-Dokument auf einem Remote-Webserver gehostet. Ich versuche, dass eines der Elemente auf der Webseite eine Bilddatei aus meinem lokalen Dateisystem als Hintergrundbild verwendet. Kein Glück mit Chrome, Safari oder Firefox (habe IE nicht ausprobiert).
Hier ist ein Beispiel für das, was ich bisher versucht habe.
<!DOCTYPE html>
<html>
<head>
<title>Experiment</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
html,body { width: 100%; height: 100%; }
</style>
</head>
<body style="background: url('file:///Users/username/Desktop/background.png')">
</body>
</html>
Wenn ich das Körperelement mit dem Webinspektionstool meines Browsers inspiziere und "Bild in neuem Tab öffnen" wähle, ist das Bild dort. Der Browser ist also in der Lage, über die angegebene URL auf die Bilddatei zuzugreifen.
Ist das, was ich versuche, überhaupt möglich, oder ist dies eine Sicherheitsfunktion des Browsers, die versucht, den Zugriff externer Domänen auf die lokalen Ressourcen des Benutzers zu blockieren?