Comment rendre un fichier PDF téléchargeable dans un lien HTML ?

Question

Je donne le lien d'un fichier pdf sur ma page web pour le téléchargement, comme ci-dessous

<a href="myfile.pdf">Download Brochure</a>

Le problème est que lorsque l'utilisateur clique sur ce lien alors

• Si l'utilisateur a installé Adobe Acrobat, il ouvre le fichier dans la même fenêtre du navigateur dans Adobe Reader.
• Si Adobe Acrobat n'est pas installé, une fenêtre contextuelle s'affiche pour permettre à l'utilisateur de télécharger le fichier.

Mais je veux que l'utilisateur soit toujours invité à télécharger, que "Adobe acrobat" soit installé ou non.

Veuillez me dire comment je peux faire cela ?

Answer 1

C'est un problème courant, mais peu de gens savent qu'il existe une solution simple en HTML 5 :

<a href="./directory/yourfile.pdf" download="newfilename">Download the pdf</a>

Où newfilename est le nom de fichier suggéré à l'utilisateur pour enregistrer le fichier. Si vous le laissez vide, le nom de fichier par défaut sera celui du serveur, comme ceci :

<a href="./directory/yourfile.pdf" download>Download the pdf</a>

Compatibilité : Je l'ai testé sur Firefox 21 et Iron, les deux fonctionnent bien. Il se peut que cela ne fonctionne pas sur les navigateurs incompatibles avec HTML5 ou obsolètes. Le seul navigateur que j'ai testé qui n'a pas forcé le téléchargement est IE...

Answer 2

Au lieu de créer un lien vers le fichier .PDF, faites plutôt quelque chose comme

<a href="pdf_server.php?file=pdffilename">Download my eBook</a>

qui produit un en-tête personnalisé, ouvre le PDF (sécurité binaire) et imprime les données sur le navigateur de l'utilisateur, qui peut ensuite choisir d'enregistrer le PDF malgré les paramètres de son navigateur. Le fichier pdf_server.php devrait ressembler à ceci :

header("Content-Type: application/octet-stream");

$file = $_GET["file"] .".pdf";
header("Content-Disposition: attachment; filename=" . urlencode($file));   
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");
header("Content-Description: File Transfer");            
header("Content-Length: " . filesize($file));
flush(); // this doesn't really matter.
$fp = fopen($file, "r");
while (!feof($fp))
{
    echo fread($fp, 65536);
    flush(); // this is essential for large downloads
} 
fclose($fp); 

PS : et bien sûr, effectuez quelques contrôles de bon sens sur la variable "file" pour empêcher les gens de voler vos fichiers, par exemple, n'acceptez pas les extensions de fichiers, ajoutez .pdf à la valeur.

Answer 3

Ne pas faire de boucle à travers chaque ligne du fichier. Utilisez fichier de lecture à la place, c'est plus rapide. Ceci est hors du site php : http://php.net/manual/en/function.readfile.php

$file = $_GET["file"];
if (file_exists($file)) {
    header('Content-Description: File Transfer');
    header('Content-Type: application/octet-stream');
    header("Content-Type: application/force-download");
    header('Content-Disposition: attachment; filename=' . urlencode(basename($file)));
    // header('Content-Transfer-Encoding: binary');
    header('Expires: 0');
    header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
    header('Pragma: public');
    header('Content-Length: ' . filesize($file));
    ob_clean();
    flush();
    readfile($file);
    exit;
}

Assurez-vous d'assainir votre variable get car quelqu'un pourrait télécharger des fichiers php...

Answer 4

Plutôt que d'utiliser un script PHP, pour lire et vider le fichier, il est plus simple de réécrire l'en-tête en utilisant .htaccess . Cela permettra de conserver une "belle" URL ( myfile.pdf au lieu de download.php?myfile ).

<FilesMatch "\.pdf$">
ForceType applicaton/octet-stream
Header set Content-Disposition attachment
</FilesMatch>

Answer 5

J'ai trouvé un moyen de le faire avec du bon vieux HTML et JavaScript/jQuery qui se dégrade gracieusement. Testé dans IE7-10, Safari, Chrome, et FF :

HTML pour le lien de téléchargement :

<p>Thanks for downloading! If your download doesn't start shortly, 
<a id="downloadLink" href="...yourpdf.pdf" target="_blank" 
type="application/octet-stream" download="yourpdf.pdf">click here</a>.</p>

jQuery (le code JavaScript pur serait plus verbeux) qui simule un clic sur un lien après un petit délai :

var delay = 3000;
window.setTimeout(function(){$('#downloadLink')[0].click();},delay);

Pour rendre ce système plus robuste, vous pourriez ajouter la détection de la fonctionnalité HTML5 et, si elle n'est pas présente, utiliser la méthode suivante window.open() pour ouvrir une nouvelle fenêtre avec le fichier.