1:jsp页面引入js css
<%--pdf.js--%>
<link rel="stylesheet" type="text/css" href="/pdf/web/viewer.css">
<script type="text/javascript" src="/pdf/build/pdf.js"></script>
<script type="text/javascript" src="/pdf/web/viewer.js"></script>
2:jsp页面方法
<a href="javascript:;" style="" url="${url}" οnclick="fileView(this);">查看文件</a>
function fileView(obj){
var fileName = $(obj).attr("url");
if(fileName != null && fileName != ''){
var name = fileName.split(".");
if(name[name.length-1] == 'pdf' || name[name.length-1] == 'PDF'){
var wholeFileName = "/pdf/web/viewer.html?file="+fileName;
window.open(wholeFileName, 'PDF', 'width: 50%; height: 50%; top: 100; left: 100;');
}else{
window.open(fileName);
}
}
}