Da Sie "Chrome" erwähnt haben, können Sie dazu Chrome-Erweiterungen verwenden, um den lokalen Zugriff auf Ihre Dateien zu ermöglichen.
Folge diesen Schritten:
1) Erstellen Sie im lokalen Ordner, in dem sich Ihre Bilder befinden, diese Datei mit dem Namen 'manifest.json' und geben Sie Folgendes ein:
{ "name": "File Exposer", "manifest_version": 2, "version": "1.0", "web_accessible_resources": ["*.jpg","*.JPG"] }
2) Setzen Sie hier Ihre Chrom-Adressleiste: Chrom: // Erweiterungen /
3) Stellen Sie sicher, dass "Entwicklermodus" aktiviert ist (oben rechts auf der Seite).
4) Klicken Sie auf die Schaltfläche 'Unpacked Extension laden'
5) Navigieren Sie zu dem lokalen Ordner, in dem sich die Bilder und die Datei manifest.json befinden, und klicken Sie auf OK
6) Die Erweiterung 'File Exposer' sollte jetzt in der Liste aufgeführt sein und ein Häkchen bei 'Aktiviert' haben. Wenn sich der Ordner auf einem Netzlaufwerk oder einem anderen langsamen Laufwerk befindet oder viele Dateien enthält, kann es 10 bis 20 Sekunden dauern, bis er in der Liste angezeigt wird.
7) Notieren Sie sich die 'ID'-Zeichenfolge, die Ihrer Erweiterung zugeordnet wurde. Dies ist die EXTENSION_ID
8) Nun können Sie in Ihrem HTML-Code auf die Datei mit den folgenden Optionen zugreifen und die 'EXTERNSION_ID' in die von Ihrer Erweiterung generierte ID ändern:
<img src='chrome-extension://EXTENSION_ID/example1.jpg'>
Beachten Sie, dass das * .jpg rekursiv ist und automatisch Dateien im angegebenen Ordner und in allen Unterordnern übereinstimmt, die Sie nicht für jeden Unterordner angeben müssen. Beachten Sie auch die Groß- und Kleinschreibung.
Im 'img'-Tag geben Sie nicht den ursprünglichen Ordner an, sondern den relativen Ordner dieses Ordners. Daher müssen nur Unterordner angegeben werden.
Wenn Sie die Datei manifest.json ändern, müssen Sie neben der Erweiterung auf den Link 'Reload (Ctrl + R)' klicken.