pdf预览

从服务器取回pdf流数据,通过iframe在html页面展示

不废话,,直接代码:

<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.media.js" type="text/javascript"></script>
</head>
<body>
    <div class="panel-body">
        <div class="modal inmodal fade" id="previewModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div style="width:60%;height:90%" class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-body" style="padding:0; height:700px">
                        <iframe id="iframePreview" width='100%' height='700' allowfullscreen webkitallowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script>
$(document).ready(function(){
    var fileUrl = 'http://192.168.27.247:8080/productionPub/mf/fileupload.do?method=downLoadFile&fileId=iSxJRgLO2vPat2J5';
    var fileType = 'pdf';
    previewFile(fileUrl,fileType);
})
function previewFile(fileUrl,fileType) {
    alert("123");
        if (fileType === 'pdf') {
        var tmpUrl = 'web/viewer.html?file=' + encodeURIComponent(fileUrl);
        $("#iframePreview").attr("src", tmpUrl);
        angular.element('#previewModal').modal();
    }
};
</script>
</body>
</html>

文件下载地址:
链接：https://pan.baidu.com/s/1ODrth_4okoHJsI3KIkQPJg
提取码：pya9
复制这段内容后打开百度网盘手机App，操作更方便哦