Как отобразить PDF-блоб в bootstrap модально с помощью кнопки - PullRequest
Новая
       9

Как отобразить PDF-блоб в bootstrap модально с помощью кнопки

0 голосов
/ 07 апреля 2020

Я новичок в разработке. У меня есть доска с двумя столбцами (id, action (button)), и когда я нажимаю на кнопку просмотра, я хочу, чтобы она показывала мне содержимое первого столбца в pdf, который является моим база данных.

Пожалуйста, помогите. 

`require 'Class-BD.php';
 $db = Base_D::connect();
 $r= "SELECT * FROM bon_commande where Num_Bc='".$_POST['numbc']."'";
 $res = $db->query($r);
 $row = $res->fetch();
 header("Content-type:application/pdf");
 echo base64_decode($row['Bon_Commande']);  `

 <tr>
             <td><?php echo $row['Num_Bc']; ?></td>

             <td  class="text-center">
                <button type="button" class="btn btn-xs btn-outline-info btn-rounded view"><i class="fa fa-eye" style="font-size:14px;color:black"></i></button>
              </td>

</tr>


    <script>
  $(document).ready(function()
  {
    $('.view').on('click',function()
     {

        $('#boncommande').modal('show');

         $tr = $(this).closest('tr');

        var data = $tr.children("td").map(function()
            {
            return $(this).text();
            }).get();

         var numbc = data[0];

         $.ajax({
                 url: "Viewpdf.php",
                 type: "POST",
                 data :{numbc:numbc},
                 success:function(data)
                  {

                  }
           })



    });

  });

</script>

1 Ответ

0 голосов
/ 11 апреля 2020

Вы должны использовать iframe и обновить атрибут "sr c" с помощью большого двоичного объекта: 

<iframe id="displayZone" src="" type="application/pdf" width="100%" height="100%" style="overflow: auto;">

$.ajax({
  url: "Viewpdf.php",
  type: "POST",
  data :{numbc:numbc},
  success:function(data){
    let blob = new Blob([data], { type: contentType });
    let blobUrl = window.URL.createObjectURL(blob);
    $('#displayZone').attr('src', blobUrl);
  }
})
...