Comment forcer l'ouverture des fichiers dans le navigateur au lieu du téléchargement (PDF)?

Existe-t-il un moyen de forcer l'ouverture des fichiers PDF dans le navigateur lorsque l'option "Afficher le PDF dans le navigateur" n'est pas cochée?

J'ai essayé d'utiliser la balise embed et un iframe, mais cela ne fonctionne que lorsque cette option est cochée.

Que puis-je faire?

Pour indiquer au navigateur que le fichier doit être affiché dans le navigateur, la réponse HTTP doit inclure les en-têtes suivants:

Content-Type: application/pdf
Content-Disposition: inline; filename="filename.pdf"

Pour télécharger le fichier plutôt que le visualiser:

Content-Type: application/pdf
Content-Disposition: attachment; filename="filename.pdf"

Les guillemets autour du nom de fichier sont requis si le nom de fichier contient des caractères spéciaux tels que ceux filename[1].pdfqui pourraient autrement briser la capacité du navigateur à gérer la réponse.

La façon dont vous définissez les en-têtes de réponse HTTP dépendra de votre serveur HTTP (ou, si vous générez la réponse PDF à partir du code côté serveur: votre langage de programmation côté serveur).

Si vous utilisez HTML5 (et je suppose que tout le monde l'utilise de nos jours), il existe un attribut appelé download .

Par exemple,

<a href="somepathto.pdf" download="filename">

Voici filenamefacultatif, mais s'il est fourni, il prendra ce nom pour le fichier téléchargé.

Le type correct est application/pdfpour PDF, non application/force-download. Cela ressemble à un hack pour certains navigateurs hérités. Utilisez toujours le type MIME correct si vous le pouvez.

Si vous contrôlez le code du serveur:

• Téléchargement forcé / invite: utiliser header("Content-Disposition", "attachment; filename=myfilename.myextension");
• Le navigateur essaie de l'ouvrir: utilisez header("Content-Disposition", "inline; filename=myfilename.myextension");

Aucun contrôle sur le code du serveur:

• Utilisez l' attribut de téléchargement HTML5 . Il utilise le nom de fichier personnalisé spécifié du côté de la vue.

REMARQUE: je préfère définir le nom de fichier côté serveur car vous pouvez avoir plus d'informations et utiliser le code commun.

Si vous avez Apache, ajoutez ceci au .htaccessfichier:

<FilesMatch "\.(?i:pdf)$">
    ForceType application/octet-stream
    Header set Content-Disposition attachment
</FilesMatch>

Oups, il y avait des erreurs de frappe dans mon post précédent.

    header("Content-Type: application/force-download");
    header("Content-type: application/pdf");
    header("Content-Disposition: inline; filename=\"".$name."\";");

Si vous ne voulez pas que le navigateur invite l'utilisateur, utilisez "inline" pour la troisième chaîne au lieu de "attachment". Inline fonctionne très bien. Le PDF s'affiche immédiatement sans demander à l'utilisateur de cliquer sur Ouvrir. J'ai utilisé "pièce jointe" et cela invitera l'utilisateur à ouvrir, enregistrer. J'ai essayé de changer l'écrou des paramètres du navigateur, cela n'empêche pas l'invite.

C'est pour ASP.NET MVC

Dans votre page cshtml:

<section>
    <h4><a href="@Url.Action("Download", "Document", new { id = @Model.GUID })"><i class="fa fa-download"></i> @Model.Name</a></h4>
    <object data="@Url.Action("View", "Document", new { id = @Model.GUID })" type="application/pdf" width="100%" height="800" class="col-md-12">
        <h2>Your browser does not support viewing PDFs, click on the link above to download the document.</h2>
    </object>
</section>

Dans votre contrôleur:

public ActionResult Download(Guid id)
    {
        if (id == Guid.Empty)
            return null;

        var model = GetModel(id);

        return File(model.FilePath, "application/pdf", model.FileName);
    }

public FileStreamResult View(Guid id)
    {
        if (id == Guid.Empty)
            return null;

        var model = GetModel(id);

        FileStream fs = new FileStream(model.FilePath, FileMode.Open, FileAccess.Read);

        return File(fs, "application/pdf");
    }

Bien que ce qui suit fonctionne bien sur Firefox, il ne fonctionne PAS sur les navigateurs Chrome et mobiles.

Content-Type: application/pdf
Content-Disposition: inline; filename="filename.pdf"

Pour corriger l'erreur des navigateurs Chrome et mobiles, procédez comme suit:

• Stockez vos fichiers sur un répertoire de votre projet
• Utilisez la visionneuse Google PDF

Google PDF Viewer peut être utilisé comme suit:

<iframe src="http://docs.google.com/gview?url=http://example.com/path/to/my/directory/pdffile.pdf&embedded=true" frameborder="0"></iframe>

Ouvrez downloads.php à partir du fichier racine.

Passez ensuite à la ligne 186 et modifiez-la comme suit:

        if(preg_match("/\.jpg|\.gif|\.png|\.jpeg/i", $name)){
            $mime = getimagesize($download_location);
            if(!empty($mime)) {
                header("Content-Type: {$mime['mime']}");
            }
        }
        elseif(preg_match("/\.pdf/i", $name)){
            header("Content-Type: application/force-download");
            header("Content-type: application/pdf");
            header("Content-Disposition: inline; filename=\"".$name."\";");
        }

        else{
            header("Content-Type: application/force-download");
            header("Content-type: application/octet-stream");
            header("Content-Disposition: attachment; filename=\"".$name."\";");
        }

Vous pouvez le faire de la manière suivante:

<a href="path to PDF file">Open PDF</a>

Si le fichier PDF se trouve dans un dossier et que ce dossier n'est pas autorisé à accéder directement aux fichiers de ce dossier, vous devez contourner certaines restrictions d'accès aux .htaccessfichiers en utilisant le paramètre de fichier de cette façon:

<FilesMatch ".*\.(jpe?g|JPE?G|gif|GIF|png|PNG|swf|SWF|pdf|PDF)$" >
    Order Allow,Deny
    Allow from all
</FilesMatch>

Mais permettez maintenant juste certain fichiers nécessaires.

J'ai utilisé ce code et cela a parfaitement fonctionné.

Soit utiliser

<embed src="file.pdf" />

si l'intégration est une option ou mon nouveau plugin, PIFF: https://github.com/terrasoftlabs/piff

Voici une autre méthode pour forcer un fichier à afficher dans le navigateur en PHP:

$extension = pathinfo($file_name, PATHINFO_EXTENSION);
$url = 'uploads/'.$file_name;
        echo '<html>'
                .header('Content-Type: application/'.$extension).'<br>'
                .header('Content-Disposition: inline; filename="'.$file_name.'"').'<br>'
                .'<body>'
                .'<object   style="overflow: hidden; height: 100%;
             width: 100%; position: absolute;" height="100%" width="100%" data="'.$url.'" type="application/'.$extension.'">
                    <embed src="'.$url.'" type="application/'.$extension.'" />
             </object>'
            .'</body>'
            . '</html>';

Ouvrez simplement Adobe Reader, menu → Édition → Préférences → Internet , puis passez en mode navigateur ou pour obtenir des instructions détaillées sur différents navigateurs, essayez Afficher PDF dans le navigateur | Acrobat, Acrobat Reader .

Si vous créez un lien vers un .PDF, il s'ouvrira dans le navigateur.
Si la case n'est pas cochée, elle doit être liée à un .zip pour forcer le téléchargement.

Si un .zip n'est pas une option, utilisez des en- têtes en PHP pour forcer le téléchargement

header('Content-Type: application/force-download'); 
header('Content-Description: File Transfer');