PHP embedd a PDF in a browser window

Question

This code opens a PDF in a blank browser window with no extra style.

header('Content-Type: application/pdf');
header('Content-Disposition: inline; filename="'.basename($complete_path).'"');
header('Cache-Control: private, max-age=0, must-revalidate');
header('Pragma: public');
header('Content-Length: ' .filesize($complete_path));

$success = readfile($complete_path);

But I want to apply more info and some styling too. So I tried this code :

echo '<!DOCTYPE html>';
echo '<head>';
    echo '<meta charset="UTF-8">';
    echo '<title>'.$file_name.'</title>';
    echo '<link rel="stylesheet" type="text/css" href="css/docs.css" />';
echo '</head>';

echo '<body >';

    echo'<div class="frame">';
        $success = readfile($complete_path);
    echo'</div>';    

echo '</body>';

Obviously this fails, it was a quick try. So how to embedd a PDF file in a styled browser page ? I do not want to download it on disk.

Edited my answer with the PHP version. – Jose Manuel Abarca Rodríguez Nov 09 '16 at 15:57 — Jose Manuel Abarca Rodríguez, Nov 09 '16 at 15:57

Jose Manuel Abarca Rodríguez · Accepted Answer · 2016-11-09T15:57:27.533

0

To embed you can use <embed> to display PDF without downloading it :

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Embeded PDF</title>
  </head>
  <body>
    <embed src="MY_PDF_FILE.PDF" type="application/pdf" height="25%" width="25%">
   </body>             ▲
</html>

Now the PHP way :

<?php
$pdf = "MY_PDF_FILE.PDF";        ◄
echo <<<BLOCK
  <!DOCTYPE html>
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title>Embeded PDF</title>
    </head>
    <body>
      <embed src="$pdf" type="application/pdf" height="25%" width="25%">
     </body>        ▲
  </html>
BLOCK;
?>

edited Nov 09 '16 at 15:57

answered Nov 09 '16 at 15:46

Jose Manuel Abarca Rodríguez

10,206
3
31
38

Great that works. But still have a problem. When I set the width and height to 100%, but it only applies to the width. The height has some 100px only. How extend that ? – Ben Nov 09 '16 at 16:01
@Ben, I'm testint both values (width and height) and both look independent, I mean, I can change one or the other and the PDF resizes. – Jose Manuel Abarca Rodríguez Nov 09 '16 at 16:05
@Ben, with 500px = ``. – Jose Manuel Abarca Rodríguez Nov 09 '16 at 16:08
1

Bingo - that's it, simple, if one knows ... Last Question : Works `` only for HTML 5 ? – Ben Nov 09 '16 at 16:14
@Ben, yes, html5 only. – Jose Manuel Abarca Rodríguez Nov 09 '16 at 16:15

PHP embedd a PDF in a browser window

1 Answers1