java使用jquery在<div>中动态显示PDF

Question

使用此表单/js组合动态显示PDF时遇到问题。我让一个用户进入他们的文件系统，找到一个PDF，并在屏幕上显示文档。我可能需要使用AJAX，最终将pdf从jsp/html发送到servlet，并获取响应以显示在屏幕上，但我不想这样做。让我感到困惑的是，在PDFObject参数中，当我将直接URL输入到pdf“/Indexer/pdf/TEST.pdf”时，它就像一个符咒。然而，当用户进入他们的文件系统并选择自己的文档进行查看时，它根本不做任何事情。代码如下：

<div id="uploadPDFForm">
    <h3>Get PDF</h3>
        <form id="pdfUpload" action="IndexServlet" method="get" enctype="multipart/form-data">
            <input type="file" name="document" value="" id="pdfLocation"><br>
            <input type="submit" value="View Document" id="pdfBtn">
            <input type="button" value="pressMe" id="pdfBtn2">
        </form>
</div>

<p id="statement">Statement that is replaced with PDFembed message using <em>button click</em> </p>     

<div id="pdf">
</div>


<script type="text/javascript" src="/Indexer/_js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/Indexer/_js/pdfobject.js"></script>

<script type="text/javascript">

    var str = $("#pdfLocation").val();
    var res = str.replace(/\\/g, "/");

var pObj = new PDFObject({ 

    url: res,
    //url: $("#pdfLocation"),  
    //url: "/Indexer/pdf/TEST.pdf",
    id: "myPDF",

    pdfOpenParams: {

        navpanes: 0,
        toolbar: 0,
        statusbar: 0,
        view: "FitV"

    }

});


function embed(){

    var s = document.getElementById("statement");
    var msg;

    document.getElementById("pdf").className = "embedded";  

    var htmlObj = pObj.embed("pdf");    

    if(htmlObj){
        msg = "The PDF was successfully embedded";
        s.className = "success";
    } else {
        msg = "Embed has failed.";
        s.className = "fail";
    }

    s.innerHTML = msg;

}


$("#pdfBtn2").click(function (){

    var s = document.getElementById("statement");
    var msg;

    if(pObj){

        var plugintype = pObj.get("pluginTypeFound");
        msg = "Type of PDF plugin found: " +plugintype;

        if(plugintype){
            msg += "<br/><a href='#' onclick='embed(); return false;'>Embed PDF</a>";
        } else {
            msg += "<br/>Looks like we won't be able to embed your PDF!  Doh!";
            s.className = "fail";
        }

    }

    s.innerHTML = msg;


    });
</script>