Cara Menampilkan / Preview file PDF di dalam HTML

JIKA AKAN DI TAMPILKAN DI NEW TAB BISA LANGSUNG DENGAN PHP FILE, TAPI JIKA AKAN DI TAMPILKAN DI DALAM CONTAINER DALAM 1 HALAMAN HTML PANGGIL IFRAME NYA DENGAN JS

 Ada 2 kondisi :

Jika hanya akan di tampilkan di satu halaman browser dengan php kodenya seperti ini :

file 1 (php untuk menampilkan pdf):

<?php

header('Content-type: application/pdf');  

header('Content-Disposition: inline; filename="Data_Slik"');  

header('Content-Transfer-Encoding: binary');  

header('Accept-Ranges: bytes');

//dataslik_preview_dataslik.php

include_once "base/koneksi.php";

//$idnya=10;

$idnya=$_GET['idnya'];

$c=mysqli_query($konek,"select * from konsumen where id='".$idnya."'");

$b=mysqli_fetch_array($c);

$nm=$b['namafile'];

$ex=$b['extensifile'];

$file="$nm".'.'."$ex";

echo "file_slik/".$file;

$filepath="file_slik/".$file;

readfile($filepath);

?>

.

jika pdf ini akan di tampilakn di dalam file HTML / di dalam form atau misa di dalam div / container / card dsb, maka buat tombol untuk memanggil file ini dan di tampilkan dalam html :

file js :, misal disini file pdf akan di tampilkan di dalam iframe yang di letakan di dalam container :

$(document).on("click",'.btn-spacepreview',function(e){

    e.preventDefault();

    var idnya=$(this).attr("id");   

    $(".col-spacepreview").html("");

    $(".col-spacepreview").append("<iframe style='border:solid 1px #fff' class='from-control' height='400px' width='100%' src=" + "url_php_untukmenampilaknpdf (file 1).php?idnya=" + idnya+"></iframe>"); 

});

.