Come creare un collegamento per il download

2024 Autore: Abigail Brown | [email protected]. Ultima modifica: 2023-12-17 06:52

È interessante come alcune cose riescano a chiudere il cerchio. Agli albori del Web, i browser scaricavano automaticamente i collegamenti a file che non erano una pagina Web, come immagini, file PDF e documenti. Quindi, i browser sono diventati così avanzati da essere in grado di aprire quasi tutti i file in tempo reale. Ciò ha creato un problema per gli sviluppatori, però. Come forzeresti un browser a scaricare un file, invece di aprirlo? Sono emersi un sacco di hack e soluzioni alternative per risolvere il problema, ma nessuno era una vera soluzione. Tutto è cambiato con HTML5 quando è stato introdotto l'attributo Download.

Ora, gli sviluppatori possono aggiungere uno speciale attributo di download ai loro tag di ancoraggio HTML per dire ai browser di considerare un collegamento come un download, invece di aprire il file di destinazione. Esistono diversi modi in cui puoi utilizzare l'attributo di download per controllare il modo in cui i browser gestiscono i collegamenti di download. Ancora meglio, tutti i browser moderni supportano l'attributo Download, quindi non dovresti riscontrare problemi con la compatibilità o la necessità di un fallback.

Ci sono diversi modi in cui puoi gestire l'attributo di download. Ognuno ha i suoi vantaggi e tutti funzionano senza problemi su browser diversi.

Attributo di download semplice

Il modo più semplice per utilizzare l'attributo Download è includerlo nella sua forma più semplice nei tag di ancoraggio. Non è necessario includere un nome file aggiuntivo o informazioni di supporto. Il risultato è questo:

Scarica ora!





Includendo "download" dici a qualsiasi browser che legge la pagina di scaricare il link di destinazione invece di aprirlo. In questo caso, il browser scaricherà il file esattamente com'è con lo stesso nome.






Cambiare il nome del file
Cosa succede se vuoi davvero cambiare il nome. Ci sono molte occasioni in cui vorresti farlo. I nomi di file generati automaticamente sono un buon esempio. Di solito hanno nomi ridicolmente lunghi con stringhe di caratteri spazzatura. Non è l'esperienza che desideri per i tuoi visitatori. Puoi standardizzare le cose con l'attributo Download.
Per specificare un nome file, imposta l'attributo download uguale ad esso. Escludi l'estensione del file. Il browser non può e non vuole convertire il tipo di file, quindi non ha senso provare.
Scarica ora!
I tuoi visitatori scaricheranno il file come tuo-file.pdf.

Download di un'immagine
Insieme a questo viene fornito un modo semplificato per consentire ai tuoi utenti di scaricare direttamente le immagini. Questo non è rivoluzionario e probabilmente puoi metterlo insieme da solo, ma puoi usare l'attributo download per creare un link immagine scaricabile.





Inizia impostando un'immagine come faresti normalmente sulla tua pagina. Questa, ovviamente, sarà l'immagine disponibile per il download.
Poi, incapsula il tutto in un tag di ancoraggio, collegandolo al percorso dell'immagine.
Infine, aggiungi l'attributo download al tuo tag di ancoraggio. Se vuoi puoi cambiare il nome della tua immagine.





Ora, quando un visitatore fa clic sull'immagine, la scaricherà automaticamente direttamente dal tuo server. Non è necessario e potrebbe sembrare eccessivo per uno sviluppatore, ma quanti visitatori del sito penserebbero di fare clic con il pulsante destro del mouse su un'immagine per visualizzarla o scaricarla?