PDF Datei auf Website zum Download bereitstellen?

Hallo zusammen,

ich möchte auf meiner Website PDF Dateien zum Download anbieten. Der Nutzer soll also auf ein Img oder einen Button klicken und die entsprechende Datei downloaden.

Wie kann ich das in HTML, CSS, JS und oder PHP umsetzen?

Vielen Dank!

3 Antworten

siliciumcarbid2

14.01.2022, 16:10

Wenn Deine Datei auf dem Server gespeichert ist, kannst Du einfach einen normalen Link schreiben und dort den Speicherort der Datei angeben. Das sieht zum Beispiel so aus:

<a href="dateien/meineDatei.zip" download>Datei herunterladen</a>

Das geht auch mit einem Bild, wenn das Bild innerhalb vom Link platziert wird:

<a href="dateien/meineDatei.zip" download>
   <img src="meinBild.jpg">
</a>

Es braucht also nur HTML dazu. Mit CSS kannst Du dann ja gestalten, wie der Link aussehen soll - wenn du das möchtest.

Da steht innerhalb vom a-Tag auch "download" am Ende. Das macht man normalerweise nicht. Bei manchen Dateitypen ist es aber so, dass diese nicht heruntergeladen werden, sondern die Datei - zum Beispiel ein PDF - wird einfach im Browser geöffnet. Darum steht da noch "download", damit das nicht passiert.

whgoffline

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

14.01.2022, 15:55

Mit js z.B. so

<button id="downloadBtn" onclick="window.location.href='http://test.de/downloads/test.pdf'">Download test.pdf</button>

Woher ich das weiß:Studium / Ausbildung – Informatikstudent

GratefulForHelp

29.06.2022, 13:18

Aus Sicht des Datenschutzes, sei noch erwähnt, die PDF-Dateien eventuell vorher zu säubern. Also die Metadaten zu löschen, damit nicht jeder aus dem PDF-Dokument den Namen des Autors (könnte ja dein wirklicher Name sein) und andere sensible Informationen auslesen kann.

Dies nur so als Tipp am Rande.

Woher ich das weiß:Berufserfahrung

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

Website Ideen - Was könnte man mal machen?

Hey Leute,

ich möchte eine Website schreiben, HTML/CSS, php und Javascript beherrsche ich fast perfekt, aber mir kommt einfach keine Idee in den Sinn. Habt ihr welche?

MfG

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

HTML (JS/PHP) mit Button Zähler in .txt Datei schreiben?

Hallo,

ich habe auf einer HTML Seite einen einfachen Button, der ein onclick-event auslöst.

Nun soll dieser Button zusätzlich noch einen Zähler immer um eins Hochzählen und das ganze in eine Textdatei schreiben.

Geht warscheinlich nicht mit JS sondern nur mit PHP, oder?

Hat hier jemand ein Beispiel für sowas?

Wäre sehr dankbar!

Danke und Gruß

Fabio

...zur Frage

PHP-Webseite online stellen (Hoster)?

Hallo in die Runde,

ich erstelle seit einiger Zeit Webseiten mithilfe von PHP, HTML, JS und CSS. Bisher liefen all diese nur über XAMPP lokal. Nun möchte ich eine meiner Seiten veröffentlichen. Es gibt sicher verschiedene Anbieter, wo man seine Dateien hochladen kann und er diese dann hostet. Oder geht das nicht so einfach? Bin für jede Empfehlung dankbar.

LG, Markus

...zur Frage

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zur Frage

Webview php seite local hosten?

Hallo, ich bin gerade ein bischen am rumprobieren mit webview in android studio, ich würde gerne eine kleine Website welche php, html und js enthält local auf dem Gerät hosten und auch auf diese in webview anzeigen. Ist dies möglich, sodass ich auch Dateien in eine json Datei schreiben kann?

...zur Frage

Idee für eine Webseite?

Hallo, ich habe schon einige Websites programmiert und habe gute Kenntnisse in HTML/CSS/JS/PHP etc.

Habt ihr vielleicht eine gute Idee für eine Webapp? Vielleicht etwas Social Media mäßiges? Oder etwas für Firmen? Falls ihr kreative Köpfe seid, könntet ihr mir sehr gerne helfen ^^

=> Ich habe schon eine Website für Firmen programmiert, bei welcher man intern mit den Mitarbeitern über einen Chat kommunizieren kann, sie war aber nicht sehr erfolgreich....

Danke im Voraus!

...zur Frage

Wie mache ich meine Suchleiste funktionsfähig (Blog)?

Hallo!

Ich habe mit HTML, CSS, JS und PHP einen Blog "geschrieben/programmiert", in dem eine Suchleiste eingebaut ist. Was muss ich tun, um diese funktionsfähig zu machen? Die Suchfunktion sollte meine MySQL Datenbank durchsuchen und dann die gefundenen Beiträge auf einer Seite auflisten.

Bis jetzt sieht der Code erst so aus:

<div class="section search">
 <h2 class="section-title">Search</h2>
 <form action="index.html" method="post">
    <input type="text" name="search-term" class="text-input" placeholder="Search...">
 </form>
</div>

So sieht die Suchleiste auf der Website aus:

Es wäre super, wenn mir jemand mit dem gesamten PHP Skript helfen könnte...

Danke ;)

...zur Frage

Daten aus MySQL auf Website darstellen?

Ich habe Daten in einer MySQL Datenbank, die ich gerne auf einer Website darstellen möchte, jeweils immer beim Klick auf einen Button (pro Button eine etwas andere Abfrage)

Eine entsprechende Abfrage dafür wird in JavaScript bereits erstellt.

Jetzt müssen die Daten nur noch abgerufen und eingefügt werden. - Nach allem, was ich gelesen habe, soll es sehr umständlich sein, MySQL in JavaScript zu verbinden.

Bisher habe ich probiert, die Abfrage per Cookie in PHP zu übertragen, dort die Daten abzufragen und zu echoen - das ganze mit einem getElementById().innervalue = ..., sodass immer die aktuelle Abfrage im DOM-Element ist, das passiert aber nur beim ersten Mal.

Das Abfragen der Daten in PHP und Zurückgeben an JS hat weder über einen Cookie, noch ein echo funktioniert.

...zur Frage

Gute Webseiten oder PDF Docs, um PHP, Javascript, CSS und HTML zu lernen?

Video Tutorials beanspruchen viel Zeit. Deshalb bräuchte ich Webseiten oder PDF Docs für die oben genannten Programmier- und Skriptsprachen. Wichtig wäre, dass sie marktorientiert sind, also genau die Dinge zeigen, die man im realen IT Markt anwendet.

...zur Frage

Wie kann ich ein PHP-Array in eine externe JS-Datei übergeben?

Ich habe ein PHP-Skript, welches mir ein Array mit allen Ordnern aus einem Ordner wiedergibt (die Anzahl dieser Ordner kann sich verändern).

Dieses Array brauche ich aber in einer externen JS-Datei und die einzige wirkliche Möglichkeit, welche ich gefunden und verstanden habe, ist die, dass man Parameter in einem Skript Namen übergibt.

Also so:

<script type="text/javascript" src=test.js?parameter1=xy"></script>

Aber das begrenzt mich auf eine feste Anzahl, soweit ich das verstanden habe und damit kann ich leider nichts anfangen. ;(

Also ist meine Frage, wie ich dieses Array anders übergeben kann.

Ich bin noch eher ein Neuling in PHP und JS und hoffe einfach mal, dass diese Frage nicht allzu dumm ist. :P

(Meine Kenntnisse: Java = Experte; HTML, CSS = Fortgeschritten; JS, PHP = Neuling).

Schon einmal danke für jede Antwort.

...zur Frage

Website Shopping-Cart einbauen?

Braucht es dafür auch CSS und JS kentnisse oder nur HTML?

...zur Frage

HTML/CSS/JS/PHP Name des angemeldeten Users anzeigen?

Wie kann ich einstellen, dass wen ein User sich auf der Website anmeldet, dass dann eine Nachricht mit SEINEM Anmeldenamen auftaucht. Geht das mit PHP oder wo stellt man das ein?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen