Hur man skapar en nedladdningslänk till PDF

HTML5 låter dig tvinga besökarens webbläsare att ladda ner filer, till exempel PDF-filer, istället för att öppna dem i webbläsaren. Alternativt kan du bädda in och visa dina PDF-filer på sidan, eller låta webbläsaren visa dem istället för att öppna en extern PDF-visare.

En inbäddad PDF och två hyperlänkar på en webbsida.

Bildkredit: Bild med tillstånd av Mozilla

Dricks

HTML5 stöds av alla moderna webbläsare. Om du har problem med att visa HTML5-sidor, uppdatering din webbläsare.

Tvinga webbläsaren att ladda ner PDF-filen

Steg 1

Leta reda på platsen där du vill infoga länken.

Bildkredit: Bild med tillstånd av Microsoft

Öppna HTML-filen i HTML-redigerare valfri. Om du inte har en redigerare kan du använda Windows Notepad-textredigerare för att redigera dina webbsidor.

Dagens video

Leta reda på platsen där du vill visa hyperlänken i dokumentet. Innehållet på webbsidan kan hittas mellan taggarna och.

Steg 2

Skapa hyperlänken som laddar ner PDF-filen.

Bildkredit: Bild med tillstånd av Microsoft

Typ Klicka här för att ladda ner PDF: en för att skapa en ny hyperlänk som laddar ner PDF-filen istället för att öppna den i webbläsaren.

Ersätt "PDF_Name.pdf" med namnet på PDF-filen om filen finns i samma mapp som HTML-filen. Om PDF-filen finns i en annan mapp, använd hela sökvägen till filen --

C:\Downloads\Sample.pdf, till exempel.

Nedladdningen parameter tvingar webbläsaren att ladda ner filen istället för att öppna den med webbläsarens integrerade PDF-visare. Du kan skriva ett meningsfullt namn för PDF-filen och ersätta "Nytt PDF-namn" -- webbläsaren använder detta namn när den sparar filen. Att byta namn är användbart när dina PDF-filer genereras automatiskt på servern och innehåller långa, meningslösa namn.

Ersätt "Klicka här för att ladda ner PDF-filen" med din egen ankartext, som är den synliga, klickbara delen av länken.

Dricks

  • Delen "Nytt PDF-namn" är valfritt; använd den bara om du vill ge PDF: en ett annat namn när besökaren laddar ner den.
  • För att tvinga webbläsaren att ladda ner PDF-filen utan att ändra filnamnet, använd följande kod: Klicka här för att ladda ner PDF: en

Steg 3

Testa den nya hyperlänken i Firefox.

Bildkredit: Bild med tillstånd av Mozilla

Tryck Ctrl-S för att spara ändringarna på webbsidan och sedan testa den nya hyperlänken genom att öppna sidan i en webbläsare. Klicka på den nya länken och webbläsaren uppmanar dig att spara filen.

Bädda in eller öppna PDF-filen i webbläsaren

Bädda in PDF-filer

Genom att bädda in PDF-filen på webbsidan visar du innehållet i filen i en behållare.

Dricks

  • Besökaren kan bläddra i PDF: en och läsa den utan att öppna den på en ny flik eller ladda ner den på sin PC.
  • Du kan ange höjd och bredd på behållaren.

Steg 1

Bädda in en PDF på en webbsida med Anteckningar.

Bildkredit: Bild med tillstånd av Microsoft

Öppna webbsidan i Anteckningar eller en HTML-redigerare och skriv var som helst mellan taggarna och till bädda in PDF-filen.

Ersätt "PDF_Name.pdf" med namnet på din fil eller med den fullständiga sökvägen till filen om PDF-filen finns i en annan mapp än HTML-filen.

Ersätt "height_in_pixels" och "width_in_pixels" med den höjd och bredd du vill att behållaren ska ha.

Steg 2

En inbäddad PDF på en webbsida i Firefox.

Bildkredit: Bild med tillstånd av Mozilla

Tryck Ctrl-S för att spara ändringarna på webbsidan och sedan testa den inbäddade PDF-filen genom att öppna sidan i en webbläsare.

Öppna PDF-filer i webbläsaren

Öppna PDF-filen i webbläsaren genom att skapa en hyperlänk utan nedladdningsparametern: Klicka här. Webbläsaren öppnar filen med sin inbyggda PDF-visare; den uppmanar bara besökaren att ladda ner filen om visningsprogrammet är inaktiverat eller inte fungerar.

Dricks

För att öppna PDF-filen i en ny flik eller ett nytt fönster, lägg till målparametern i hyperlänken. Ett exempel: Klicka här.