AWS S3-mediebruk
Sveip for å vise menyen
Opplasting og bruk av mediefiler i bøtta.
Først må vi åpne fanen Objects og klikke på Upload-knappen.
En meny vises hvor vi kan velge filer eller en mappe som inneholder filer for opplasting. For øyeblikket fungerer S3 på samme måte som for eksempel Google Drive.
Google Drive er en annen skylagringstjeneste, men den tilbyr et begrenset sett med verktøy for håndtering av data. For programmeringsformål er AWS S3 langt mer utbredt, og derfor bruker vi det.
Du må velge et bilde og laste det opp til plattformen; i vårt tilfelle vil det være et bilde av en skilpadde.
Etter opplasting åpner vi den opplastede filen, og følgende informasjon vises:
Slik ser skilpadden vår ut:
Hvordan bruke dette bildet i prosjektene våre?
For å bruke denne filen har vi allerede konfigurert bøtten riktig slik at vi kan få tilgang til den fra hvilken som helst kilde.
La oss skrive en enkel HTML-side med plass til dette bildet.
Vi kan sette inn bildet ved å bruke en lenke i <img>-taggen i HTML.
Koden for dette bildet vil se slik ut:
index.html
Som du ser, når koden kjøres, vises bildet av denne skilpadden for oss.
Alt vi gjorde var å skrive en lenke til bildet av skilpadden vår i HTML-taggen.
Skilpaddebildet er ikke lagret i filene til dette nettstedet, og det lastes heller ikke ned lokalt til enheten din. I stedet er denne filen lagret på AWS S3, som vi bruker for å få tilgang til og vise den på hvilken som helst side.
Du kan også få direkte tilgang til dette bildet ved å følge denne lenken.
Nå skal vi skrive en liten HTML-side hvor vi beskriver skilpadden og gir brukeren mulighet til å mate den.
Koden vil se slik ut:
index.html
style.css
script.js
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår