Sådan opretter du et downloadlink

2024 Forfatter: Abigail Brown | [email protected]. Sidst ændret: 2023-12-17 06:43

Det er interessant, hvordan nogle ting kommer i fuld cirkel. I internettets tidlige dage downloadede browsere automatisk links til filer, der ikke var en webside, såsom billeder, PDF-filer og dokumenter. Derefter blev browsere så avancerede, at de var i stand til at åbne næsten enhver fil i re altid. Det skabte dog et problem for udviklere. Hvordan ville du tvinge en browser til at downloade en fil i stedet for at åbne den? En masse hacks og løsninger dukkede op for at løse problemet, men ingen var en sand løsning. Det hele ændrede sig med HTML5, da Download-attributtet blev introduceret.

Nu kan udviklere tilføje en særlig download-attribut til deres HTML-anker-tags for at fortælle browsere, at de skal behandle et link som en download i stedet for at åbne målfilen. Der er et par forskellige måder, hvorpå du kan bruge Download-attributtet til at kontrollere, hvordan browsere håndterer dine downloadlinks. Endnu bedre, alle moderne browsere understøtter Download-attributtet, så du burde ikke se nogen problemer med kompatibilitet eller behovet for en reserve.

Der er et par forskellige måder, hvorpå du kan håndtere Download-attributtet. Hver har sin egen fordel, og de fungerer alle problemfrit på tværs af forskellige browsere.

The Plain Download-attribut

Den enkleste måde at bruge Download-attributten på er blot at inkludere den i sin mest basale form i dine anker-tags. Du behøver ikke at inkludere et ekstra filnavn eller andre understøttende oplysninger. Resultatet ser sådan ud:

Download nu!





Ved at inkludere "download" fortæller du enhver browser, der læser siden, at downloade mållinket i stedet for at åbne det. I dette tilfælde vil browseren downloade filen nøjagtigt, som den er med samme navn.






Ændring af filnavn
Hvad sker der, hvis du rent faktisk vil ændre navnet. Der er masser af lejligheder, hvor du gerne vil gøre dette. Automatisk genererede filnavne er et godt eksempel. De har norm alt latterligt lange navne med stribevis af skraldtegn. Det er ikke den oplevelse, du ønsker for dine besøgende. Du kan standardisere ting med Download-attributten.
For at angive et filnavn skal du indstille download-attributten lig med det. Udelad filtypenavnet. Browseren kan og vil ikke konvertere filtypen, så der er ingen mening i at prøve.
Download nu!
Dine besøgende vil downloade filen som din-fil.pdf.

Download af et billede
Sammen med dette kommer en forenklet måde at lade dine brugere downloade billeder direkte. Dette er ikke revolutionerende, og du kan sikkert selv sætte det sammen, men du kan bruge download-attributten til at oprette et downloadbart billedlink.





Start med at opsætte et billede, som du norm alt ville gøre på din side. Dette vil selvfølgelig være det billede, der er tilgængeligt til download.
Indkapsl derefter det hele i et ankertag, der linker til billedstien.
Føj endelig download-attributten til dit ankertag. Du kan ændre navnet på dit billede, hvis du vil.





Når en besøgende klikker på billedet, vil de automatisk downloade det direkte fra din server. Det er ikke nødvendigt, og det kan virke som overdrevent for en udvikler, men hvor mange besøgende ville tænke på at højreklikke på et billede for at se eller downloade det?