Utilizzo Dei Media In Aws S3
Scorri per mostrare il menu
Procedura di caricamento e utilizzo di file media nel bucket.
Aprire la scheda Objects e cliccare sul pulsante Upload.
Viene visualizzato un menu per selezionare file o una cartella contenente file da caricare. Attualmente, per noi, S3 funziona in modo simile a Google Drive, ad esempio.
Google Drive è un altro servizio di archiviazione cloud, ma offre un set limitato di strumenti per la gestione dei dati. Per scopi di programmazione, AWS S3 è molto più utilizzato, ed è per questo che lo utilizziamo.
È necessario selezionare un'immagine qualsiasi e caricarla sulla piattaforma; nel nostro caso, sarà una foto di una tartaruga.
Dopo il caricamento, apriamo il file caricato e viene visualizzata la seguente informazione:
Ecco come appare la nostra tartaruga:
Come utilizzare questa immagine nei nostri progetti?
Per utilizzare questo file, abbiamo già configurato correttamente il bucket in modo da poterlo accedere da qualsiasi origine.
Scriviamo una piccola pagina HTML con uno spazio per questa foto.
Possiamo inserire la foto utilizzando un link nel tag <img> in HTML.
Il codice per questa foto sarà simile al seguente:
index.html
Come puoi vedere, quando il codice viene eseguito, la foto di questa tartaruga viene visualizzata.
Tutto ciò che abbiamo fatto è stato scrivere un link all'immagine della nostra tartaruga nel tag HTML.
La foto della tartaruga non è memorizzata nei file di questo sito web, né viene scaricata localmente sul tuo dispositivo. Invece, questo file è archiviato su AWS S3, che utilizziamo per accedervi e visualizzarlo su qualsiasi pagina.
Puoi anche accedere direttamente a questa immagine seguendo questo link.
Ora, scriviamo una piccola pagina HTML in cui descriviamo la tartaruga e diamo all'utente la possibilità di nutrirla.
Il codice sarà il seguente:
index.html
style.css
script.js
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
