Det er interessant hvordan noen ting går rundt. I de første dagene av nettet lastet nettlesere automatisk ned lenker til filer som ikke var en nettside, som bilder, PDF-filer og dokumenter. Deretter ble nettlesere så avanserte at de var i stand til å åpne nesten hvilken som helst fil i sanntid. Det skapte imidlertid et problem for utviklere. Hvordan vil du tvinge en nettleser til å laste ned en fil i stedet for å åpne den? En haug med hacks og løsninger dukket opp for å løse problemet, men ingen var en sann løsning. Det hele endret seg med HTML5 da nedlastingsattributtet ble introdusert.
Nå kan utviklere legge til et spesielt nedlastingsattributt til HTML-anker-taggene sine for å fortelle nettlesere å behandle en kobling som en nedlasting, i stedet for å åpne målfilen. Det er noen forskjellige måter du kan bruke nedlastingsattributtet til å kontrollere måten nettlesere håndterer nedlastingskoblingene dine. Enda bedre, alle moderne nettlesere støtter nedlastingsattributtet, så du bør ikke se noen problemer med kompatibilitet eller behovet for en reserve.
Det er noen forskjellige måter du kan håndtere nedlastingsattributtet på. Hver har sine egne fordeler, og de fungerer alle jevnt på tvers av forskjellige nettlesere.
The Plain Download Attribute
Den enkleste måten å bruke nedlastingsattributtet på er å bare inkludere det i sin mest grunnleggende form i ankertaggene dine. Du trenger ikke å inkludere et ekstra filnavn eller annen støtteinformasjon. Resultatet ser slik ut:
Last ned nå!
Ved å inkludere "nedlasting" ber du enhver nettleser som leser siden laste ned mållenken i stedet for å åpne den. I dette tilfellet vil nettleseren laste ned filen nøyaktig slik den er med samme navn.
Endre filnavn
Hva skjer hvis du faktisk ønsker å endre navnet. Det er mange anledninger hvor du ønsker å gjøre dette. Automatisk genererte filnavn er et godt eksempel. De har vanligvis latterlig lange navn med strenger av søppelkarakterer. Det er ikke opplevelsen du ønsker for de besøkende. Du kan standardisere ting med nedlastingsattributtet.
For å spesifisere et filnavn, sett nedlastingsattributtet lik det. Ekskluder filtypen. Nettleseren kan og vil ikke konvertere filtypen, så det er ingen vits i å prøve.
Last ned nå!
De besøkende vil laste ned filen som din-fil.pdf.
Nedlasting av et bilde
Sammen med dette kommer en forenklet måte å la brukerne laste ned bilder direkte. Dette er ikke revolusjonerende, og du kan sikkert sette det sammen selv, men du kan bruke nedlastingsattributtet til å lage en nedlastbar bildelenke.
Begynn med å sette opp et bilde som du vanligvis ville gjort på siden din. Dette vil selvfølgelig være bildet som er tilgjengelig for nedlasting.
Deretter kapsler inn hele greia i en anker-tag, lenker til bildebanen.
Til slutt, legg til nedlastingsattributtet til ankertaggen din. Du kan endre navnet på bildet ditt hvis du vil.
Når en besøkende klikker på bildet, vil de automatisk laste det ned direkte fra serveren din. Det er ikke nødvendig, og det kan virke som overdrevet for en utvikler, men hvor mange besøkende ville tenke å høyreklikke på et bilde for å se eller laste det ned?