Hvordan lage en nedlastingskobling

Innholdsfortegnelse:

Hvordan lage en nedlastingskobling
Hvordan lage en nedlastingskobling
Anonim

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.

Image
Image

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å!

Image
Image

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.

Image
Image

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.

Image
Image

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.


Image
Image

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?

Anbefalt: