<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <head> <style> .tbl1 { border: 2px solid black; border-collapse: collapse; font-weight: 800; padding: 15px; } </style> </head> <div id="medical_examination_form" > <?php include('includes/config/config.php'); include_once("includes/functions.php"); error_reporting(0); $query = "select company_logo,image_type from company_profile where company_id =5 "; //echo $query; $result = mysqli_query($conn,$query); $row = mysqli_fetch_array($result); @extract($row);?> <table width="100%" class="tbl1"> <tr > <td rowspan="4"><img src="data:image/jpeg;base64,<?php echo base64_encode( $row['company_logo'] )?>" style="display: block; width: 134px; height: 60px;" /></td> <td rowspan="4">MAIHAR IU</td> <td>Department</td> <td>OCCUPATIONAL HEALTH CENTRE</td> </tr> <tr > <td>Document No.</td> <td>F-MED-09</td> </tr> <tr > <td>Revision</td> <td>0</td> </tr> <tr > <td>Implementation Date</td> <td></td> </tr> <tr > <td align="center" colspan="4">Form O</td> </tr> </table> <div style="margin-top: 20px" id=""> </div> <form id="medical_examination_form_pdf" action="" method="POST"> <input type="hidden" name="htmlText" id="htmlText" /> </form> <script> formSubmit(); function formSubmit(){ $("#htmlText").val($("#medical_examination_form").html()); document.forms['medical_examination_form_pdf'].action="pdf_dynamic.php"; document.forms['medical_examination_form_pdf'].method="post"; document.forms['medical_examination_form_pdf'].submit(); } </script>