Com crear un enllaç de descàrrega

Taula de continguts:

Com crear un enllaç de descàrrega
Com crear un enllaç de descàrrega
Anonim

És interessant com algunes coses s'omplen. Als primers dies del web, els navegadors baixaven automàticament enllaços a fitxers que no eren una pàgina web, com ara imatges, fitxers PDF i documents. Aleshores, els navegadors es van avançar tant que van poder obrir gairebé qualsevol fitxer en temps real. Això va crear un problema per als desenvolupadors, però. Com forçaries un navegador a descarregar un fitxer, en lloc d'obrir-lo? Van sorgir un munt de trucs i solucions per resoldre el problema, però cap va ser una solució real. Tot això va canviar amb HTML5 quan es va introduir l'atribut de baixada.

Ara, els desenvolupadors poden afegir un atribut de baixada especial a les seves etiquetes d'ancoratge HTML per dir als navegadors que tractin un enllaç com una baixada, en lloc d'obrir el fitxer de destinació. Hi ha algunes maneres diferents de fer servir l'atribut de baixada per controlar la manera com els navegadors gestionen els vostres enllaços de baixada. Encara millor, tots els navegadors moderns admeten l'atribut de baixada, de manera que no hauríeu de veure cap problema amb la compatibilitat o la necessitat d'una alternativa.

Image
Image

Hi ha algunes maneres diferents de gestionar l'atribut de baixada. Cadascun té el seu propi benefici i tots funcionen sense problemes en diferents navegadors.

L'atribut de baixada normal

La manera més senzilla d'utilitzar l'atribut de baixada és incloure-lo en la seva forma més bàsica a les etiquetes d'ancoratge. No cal que inclogueu un nom de fitxer addicional ni cap informació de suport. El resultat és el següent:

Baixa ara!

Image
Image

En incloure "descàrrega", dieu a qualsevol navegador que llegeixi la pàgina que baixi l'enllaç de destinació en lloc d'obrir-lo. En aquest cas, el navegador baixarà el fitxer exactament tal com és amb el mateix nom.

Image
Image

Canvi del nom del fitxer

Què passa si realment voleu canviar el nom. Hi ha moltes ocasions en què t'agradaria fer això. Els noms de fitxers generats automàticament són un bon exemple. Normalment tenen noms ridículament llargs amb cadenes de caràcters escombraries. Aquesta no és l'experiència que voleu per als vostres visitants. Podeu estandarditzar les coses amb l'atribut de baixada.

Per especificar un nom de fitxer, defineix l'atribut de baixada igual. Exclou l'extensió del fitxer. El navegador no pot ni vol convertir el tipus de fitxer, així que no té sentit intentar-ho.

Baixa ara!

Els vostres visitants baixaran el fitxer com a vostre-fitxer.pdf.

Descarregant una imatge

Amb això inclou una manera simplificada de permetre que els usuaris baixin imatges directament. Això no és revolucionari, i probablement ho podeu fer vos altres mateixos, però podeu utilitzar l'atribut de baixada per crear un enllaç d'imatge per descarregar.

Image
Image

Comenceu configurant una imatge com ho faríeu normalment a la vostra pàgina. Aquesta, per descomptat, serà la imatge que es podrà descarregar.

A continuació, encapsuleu-ho tot en una etiqueta d'ancoratge, enllaçant amb el camí de la imatge.

Finalment, afegiu l'atribut de baixada a l'etiqueta d'ancoratge. Pots canviar el nom de la teva imatge si vols.


Image
Image

Ara, quan un visitant faci clic a la imatge, la baixarà automàticament directament del vostre servidor. No és necessari, i pot semblar exagerat per a un desenvolupador, però quants visitants del lloc pensarien fer clic amb el botó dret sobre una imatge per veure-la o descarregar-la?

Recomanat: