使用pdfobject.js實(shí)現(xiàn)在線(xiàn)瀏覽PDF
https://blog.csdn.net/beyond__devil/article/details/78826826
PDFobject.js官方api簡(jiǎn)易說(shuō)明
https://blog.csdn.net/badgirl_hong/article/details/53139478

PDF預(yù)覽之PDFObject.js總結(jié)
https://blog.csdn.net/i_dont_know_a/article/details/80707963
http://www.cnblogs.com/pejsidney/p/9019143.html

PDFObject插件不能加載遠(yuǎn)程鏈接的問(wèn)題
https://blog.csdn.net/liujun_for_java/article/details/85172817

2.前端預(yù)覽PDF：PDFObject、PDF.js 之對(duì)比
https://blog.csdn.net/liuyaqi1993/article/details/77822946

實(shí)戰(zhàn)：
1.引入js
<script type="text/javascript" src="../build/pdfobject.js"></script>
2.html

<div id="pdfs">
</div>

3.js

var string = window.location.search; //獲取url過(guò)來(lái)的參數(shù)
    // console.log(string)
    var str = string.split('=')[1];
    // console.log(str)
    var s = str.split("+")
    // console.log(s)
    if (typeof(s[2]) == 'undefined' || s[2] =='') {
        s[2] = false;
    }
    // var url = s[0] +"filepreview/loadFileByPdfObject?fileId=" + s[1];
    var url = s[0] +"filepreview/loadFile?isNeedWaterMark="+ s[2]+"&fileId=" + s[1];
    var op = {
        withd:"920px",
        height:"460px"
    }
    console.log(url);
    // 我的pdf文件放在項(xiàng)目的pdf文件夾下，名字叫做Java.pdf
    PDFObject.embed("Java.pdf", "#my-container", options);
//url為遠(yuǎn)程連接，也就是后端輸出pdf流的地方    
PDFObject.embed(url,'#pdfs',op);
    
   

注意 后端輸出需要設(shè)置為

response.setContentType("application/pdf;charset=UTF-8");
application：某二進(jìn)制的一個(gè)附件
octet-stream：子類(lèi)型，不確定下載文件的通用指定
pdf：指定為PDF

代碼塊