Come rendere il file PDF scaricabile nel collegamento HTML?

Sto fornendo il collegamento di un file pdf sulla mia pagina web per il download, come di seguito

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

Il problema è quando l'utente fa clic su questo collegamento, quindi

• Se l'utente ha installato Adobe Acrobat, apre il file nella stessa finestra del browser in Adobe Reader.
• Se Adobe Acrobat non è installato, viene visualizzato un popup all'utente per il download del file.

Ma voglio che venga sempre visualizzato all'utente per il download, indipendentemente dal fatto che "Adobe acrobat" sia installato o meno.

Per favore dimmi come posso farlo?

Invece di collegarti al file .PDF, fai invece qualcosa di simile

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

che genera un'intestazione personalizzata, apre il PDF (binario sicuro) e stampa i dati nel browser dell'utente, quindi può scegliere di salvare il PDF nonostante le impostazioni del browser. Il pdf_server.php dovrebbe assomigliare a questo:

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: e ovviamente esegui alcuni controlli di integrità sulla variabile "file" per impedire alle persone di rubare i tuoi file come non accettare estensioni di file, negare barre, aggiungere .pdf al valore

Questo è un problema comune, ma poche persone sanno che esiste una semplice soluzione HTML 5:

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

Dove si newfilenametrova il nome file suggerito all'utente per salvare il file. Oppure verrà impostato il nome del file sul lato server se lo lasci vuoto, in questo modo:

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

Compatibilità: l'ho testato su Firefox 21 e Iron, entrambi funzionavano bene. Potrebbe non funzionare su browser non compatibili con HTML5 o obsoleti. L'unico browser che ho testato che non ha forzato il download è IE ...

Verifica la compatibilità qui: http://caniuse.com/#feat=download

Non eseguire il ciclo in ogni riga del file. Usa invece readfile , è più veloce. Questo è fuori dal sito 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;
}

Assicurati di disinfettare la tua variabile get poiché qualcuno potrebbe scaricare alcuni file php ...

Invece di usare uno script PHP, per leggere e scaricare il file, è più semplice riscrivere l'intestazione usando .htaccess. Ciò manterrà un URL "carino" ( myfile.pdfinvece di download.php?myfile).

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

Ho trovato un modo per farlo con il semplice vecchio HTML e JavaScript / jQuery che si degrada con grazia. Testato in IE7-10, Safari, Chrome e FF:

HTML per il link per il download:

<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 (il codice JavaScript puro sarebbe più dettagliato) che simula il clic sul collegamento dopo un piccolo ritardo:

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

Per renderlo più robusto è possibile aggiungere il rilevamento della funzionalità HTML5 e, se non è presente, utilizzare window.open()per aprire una nuova finestra con il file.

Questa è la chiave:

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

Il tipo di contenuto application / x-pdf-document o application / pdf viene inviato durante l'invio del file PDF. Adobe Reader di solito imposta il gestore per questo tipo MIME in modo che il browser passi il documento ad Adobe Reader quando viene ricevuto uno qualsiasi dei tipi di PDF MIME.

So di essere molto in ritardo per rispondere a questa domanda, ma ho trovato un trucco per farlo in javascript.

function downloadFile(src){
    var link=document.createElement('a');
    document.body.appendChild(link);
    link.href= src;
    link.download = '';
    link.click();
}

Prova questo:

<a href="pdf_server_with_path.php?file=pdffilename&path=http://myurl.com/mypath/">Download my eBook</a>

Il codice all'interno di pdf_server_with_path.php è:

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

$file = $_GET["file"] .".pdf";
$path = $_GET["path"];
$fullfile = $path.$file;

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

Ecco un approccio diverso. Preferisco piuttosto che fare affidamento sul supporto del browser, o affrontarlo a livello dell'applicazione, per utilizzare la logica del server web.

Se stai usando Apache e puoi mettere un file .htaccess nella directory pertinente puoi usare il codice qui sotto. Ovviamente, potresti metterlo anche in httpd.conf, se hai accesso a quello.

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

La direttiva FilesMatch è solo una regex, quindi potrebbe essere impostata nel modo più granulare che desideri o potresti aggiungere altre estensioni.

La riga di intestazione fa la stessa cosa della prima riga negli script PHP sopra. Se è necessario impostare anche le righe del tipo di contenuto, è possibile farlo allo stesso modo, ma non l'ho trovato necessario.

Ho risolto il mio utilizzando l'intero URL del file PDF (invece di mettere semplicemente il nome del file o la posizione in href): a href = "domain. Com / pdf / filename.pdf"

se hai bisogno di limitare la velocità di download, usa questo codice !!

<?php
$local_file = 'file.zip';
$download_file = 'name.zip';

// set the download rate limit (=> 20,5 kb/s)
$download_rate = 20.5;
if(file_exists($local_file) && is_file($local_file))
{
header('Cache-control: private');
header('Content-Type: application/octet-stream');
header('Content-Length: '.filesize($local_file));
header('Content-Disposition: filename='.$download_file);

flush();
$file = fopen($local_file, "r");
while(!feof($file))
{
    // send the current file part to the browser
    print fread($file, round($download_rate * 1024));
    // flush the content to the browser
    flush();
    // sleep one second
    sleep(1);
}
fclose($file);}
else {
die('Error: The file '.$local_file.' does not exist!');
}

?>

Per maggiori informazioni clicca qui

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title>File Uploader</title>  
    <script src="../Script/angular1.3.8.js"></script>  
    <script src="../Script/angular-route.js"></script>  
    <script src="../UserScript/MyApp.js"></script>  
    <script src="../UserScript/FileUploder.js"></script>  
    <>  
        .percent {  
            position: absolute;  
            width: 300px;  
            height: 14px;  
            z-index: 1;  
            text-align: center;  
            font-size: 0.8em;  
            color: white;  
        }  

        .progress-bar {  
            width: 300px;  
            height: 14px;  
            border-radius: 10px;  
            border: 1px solid #CCC;  
            background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95));  
            border-image: initial;  
        }  

        .uploaded {  
            padding: 0;  
            height: 14px;  
            border-radius: 10px;  
            background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));  
            border-image: initial;  
        }  
    </>  
</head>  
<body ng-app="MyApp" ng-controller="FileUploder">  
    <div>  
        <table ="width:100%;border:solid;">  
            <tr>  
                <td>Select File</td>  
                <td>  
                    <input type="file" ng-model-instant id="fileToUpload" onchange="angular.element(this).scope().setFiles(this)" />  
                </td>  
            </tr>  
            <tr>  
                <td>File Size</td>  
                <td>  
                    <div ng-repeat="file in files.slice(0)">  
                        <span ng-switch="file.size > 1024*1024">  
                            <span ng-switch-when="true">{{file.size / 1024 / 1024 | number:2}} MB</span>  
                            <span ng-switch-default>{{file.size / 1024 | number:2}} kB</span>  
                        </span>  
                    </div>  
                </td>  
            </tr>             
            <tr>  
                <td>  
                    File Attach Status  
                </td>  
                <td>{{AttachStatus}}</td>  
            </tr>  
            <tr>  
                <td>  
                    <input type="button" value="Upload" ng-click="fnUpload();" />  
                </td>  
                <td>  
                    <input type="button" value="DownLoad" ng-click="fnDownLoad();" />  
                </td>  
            </tr>  
        </table>  
    </div>  
</body>  
</html>   

In un'applicazione Ruby on Rails (specialmente con qualcosa come Prawn gem e il plugin Prawnto Rails), puoi farlo un po 'più semplicemente di uno script completo (come il precedente esempio PHP).

Nel tuo controller:

def index

 respond_to do |format|
   format.html # Your HTML view
   format.pdf { render :layout => false }
 end
end

La parte render: layout => false dice al browser di aprire "Vuoi scaricare questo file?" prompt invece di tentare di eseguire il rendering del PDF. Quindi sarai in grado di collegarti al file normalmente: http://mysite.com/myawesomepdf.pdf