AWS S3 Mediennutzung

Lassen Sie uns lernen, wie man Medien-Dateien in unserem Bucket hochlädt und verwendet.

Zuerst müssen wir die Registerkarte Objects öffnen und auf die Schaltfläche Upload klicken.

Wir werden mit einem Menü präsentiert, in dem wir Dateien oder einen Ordner mit Dateien zum Hochladen auswählen können. Derzeit funktioniert für uns S3 ähnlich wie Google Drive, zum Beispiel.

Sie müssen ein beliebiges Bild auswählen und auf die Plattform hochladen; in unserem Fall wird es ein Bild einer Schildkröte sein.

Nach dem Hochladen öffnen wir die hochgeladene Datei, und die folgenden Informationen erscheinen:

Übrigens, so sieht unsere Schildkröte aus:

Wie verwendet man dieses Bild in unseren Projekten?

Um diese Datei zu verwenden, haben wir den Bucket bereits korrekt konfiguriert, sodass wir von jeder Quelle darauf zugreifen können.

Lassen Sie uns eine kleine HTML-Seite mit einem Platz für dieses Foto schreiben.

Wir können das Foto mit einem Link im <img>-Tag in HTML einfügen.

Der Code für dieses Foto wird folgendermaßen aussehen:

Wie Sie sehen können, wird das Foto dieser Schildkröte für uns angezeigt, wenn der Code ausgeführt wird.

Alles, was wir getan haben, war, einen Link zum Bild unserer Schildkröte im HTML-Tag zu schreiben.

Sie können auch direkt auf dieses Bild zugreifen, indem Sie diesem Link folgen.

Nun, lassen Sie uns eine kleine HTML-Seite schreiben, auf der wir die Schildkröte beschreiben und dem Benutzer die Möglichkeit geben, sie zu füttern.

Der Code wird folgendermaßen aussehen:

Zu Ihrer Bequemlichkeit habe ich auch den Code für die Schildkrötenseite zu einem Block auf der Website hinzugefügt:

So können wir verschiedene Medien, die wir in S3 hochgeladen haben, in unsere HTML-Seiten einbetten, genau wie wir es mit dem Schildkrötenbild gemacht haben. Wir fügen einfach den Bildlink in das <img> Tag ein und erhalten das Ergebnis.