javascript - 使用 AJAX 调用从 Php 查看 PDF

Question

我有一个应用程序需要根据基于 AJAX 调用的 pmid 显示 MySQL 数据库中的 pdf。从 MySQL 加载 pdf 的代码运行良好。我面临的问题是使用 AJAX 调用来查看基于 pmid 的 PDF。这是我的php代码readpdf/pdf.php

<?php
include ('../model/connection1.php');

$pmid = $_POST['pmid'];
$file= $pmid.'.pdf';
$dbh = Db::getInstance();
$sql = "SELECT pdf_content FROM pdf_binary_content WHERE pmid ='".$pmid."'";
$stmt = $dbh->prepare($sql);
$stmt->execute(); 
$content = $stmt->fetchAll();
$pdfcontent= $content['0']['pdf_content'];
echo $pdfcontent;
?>
<!--<object data="data:application/pdf;base64,<?php echo base64_encode($pdfcontent) ?>" type="application/pdf" style="height:800px;width:60%"></object> -->

我的 .js 文件中的代码是

function checkPaperExist(pmid, kind) {
    $.ajax({
        async: false,
        type: 'POST',
        url: '../readpdf/pdf.php',
        data: {
            pmid: pmid
        },
        success: function(data) {
            console.log(data);
            $('#pdfview').show();           
            $("object").attr('data',data).hide().show();
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log("parse show table error");
        }
    });

我得到了正确的输出 console.log(data)，我需要帮助来使用object tag成功函数。

提前致谢

-----编辑----- PDF 应显示在以下 div 下

<div id="drop" class="container-fluid"> 
     <div id="rightDiv" class="container-fluid main inline-div col-md-9" >
        <div id="pdfview" >
          <object data="data:application/pdf;base64" type="application/pdf" style="height:800px;width:60%"></object> 
        </div>
    </div>
</div>

标签： javascriptphpajaxpdf