AWS S3-Mediennutzung
Swipe um das Menü anzuzeigen
Anleitung zum Hochladen und Verwenden von Mediendateien im eigenen Bucket.
Zunächst den Tab Objects öffnen und auf die Schaltfläche Upload klicken.
Es erscheint ein Menü, in dem Dateien oder ein Ordner mit Dateien für den Upload ausgewählt werden können. Aktuell funktioniert S3 für uns ähnlich wie beispielsweise Google Drive.
Google Drive ist ein weiterer Cloud-Speicherdienst, bietet jedoch nur eine begrenzte Auswahl an Tools zur Datenverwaltung. Für Programmierzwecke wird AWS S3 deutlich häufiger verwendet, weshalb wir es hier einsetzen.
Es muss ein beliebiges Bild ausgewählt und auf die Plattform hochgeladen werden; in unserem Fall handelt es sich um ein Bild einer Schildkröte.
Nach dem Hochladen wird die Datei geöffnet und folgende Informationen werden angezeigt:
So sieht unsere Schildkröte aus:
Wie kann dieses Bild in unseren Projekten verwendet werden?
Um diese Datei zu nutzen, wurde der Bucket bereits korrekt konfiguriert, sodass darauf von jeder Quelle aus zugegriffen werden kann.
Es wird eine kleine HTML-Seite mit einem Platz für dieses Foto erstellt.
Das Foto kann über einen Link im <img>-Tag in HTML eingefügt werden.
Der Code für dieses Foto sieht folgendermaßen aus:
index.html
Wie zu sehen ist, wird beim Ausführen des Codes das Foto dieser Schildkröte angezeigt.
Es wurde lediglich ein Link zum Bild unserer Schildkröte im HTML-Tag eingefügt.
Das Schildkrötenfoto wird nicht in den Dateien dieser Website gespeichert und auch nicht lokal auf Ihr Gerät heruntergeladen. Stattdessen wird diese Datei auf AWS S3 gespeichert, wodurch wir sie auf jeder Seite abrufen und anzeigen können.
Sie können dieses Bild auch direkt aufrufen, indem Sie diesem Link folgen.
Nun erstellen wir eine kleine HTML-Seite, auf der wir die Schildkröte beschreiben und dem Benutzer die Möglichkeit geben, sie zu füttern.
Der Code sieht folgendermaßen aus:
index.html
style.css
script.js
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
AWS S3-Mediennutzung
Anleitung zum Hochladen und Verwenden von Mediendateien im eigenen Bucket.
Zunächst den Tab Objects öffnen und auf die Schaltfläche Upload klicken.
Es erscheint ein Menü, in dem Dateien oder ein Ordner mit Dateien für den Upload ausgewählt werden können. Aktuell funktioniert S3 für uns ähnlich wie beispielsweise Google Drive.
Google Drive ist ein weiterer Cloud-Speicherdienst, bietet jedoch nur eine begrenzte Auswahl an Tools zur Datenverwaltung. Für Programmierzwecke wird AWS S3 deutlich häufiger verwendet, weshalb wir es hier einsetzen.
Es muss ein beliebiges Bild ausgewählt und auf die Plattform hochgeladen werden; in unserem Fall handelt es sich um ein Bild einer Schildkröte.
Nach dem Hochladen wird die Datei geöffnet und folgende Informationen werden angezeigt:
So sieht unsere Schildkröte aus:
Wie kann dieses Bild in unseren Projekten verwendet werden?
Um diese Datei zu nutzen, wurde der Bucket bereits korrekt konfiguriert, sodass darauf von jeder Quelle aus zugegriffen werden kann.
Es wird eine kleine HTML-Seite mit einem Platz für dieses Foto erstellt.
Das Foto kann über einen Link im <img>-Tag in HTML eingefügt werden.
Der Code für dieses Foto sieht folgendermaßen aus:
index.html
Wie zu sehen ist, wird beim Ausführen des Codes das Foto dieser Schildkröte angezeigt.
Es wurde lediglich ein Link zum Bild unserer Schildkröte im HTML-Tag eingefügt.
Das Schildkrötenfoto wird nicht in den Dateien dieser Website gespeichert und auch nicht lokal auf Ihr Gerät heruntergeladen. Stattdessen wird diese Datei auf AWS S3 gespeichert, wodurch wir sie auf jeder Seite abrufen und anzeigen können.
Sie können dieses Bild auch direkt aufrufen, indem Sie diesem Link folgen.
Nun erstellen wir eine kleine HTML-Seite, auf der wir die Schildkröte beschreiben und dem Benutzer die Möglichkeit geben, sie zu füttern.
Der Code sieht folgendermaßen aus:
index.html
style.css
script.js
Danke für Ihr Feedback!
