PDFObject 是一个 JavaScript 库,主要用来在 Html 中动态嵌入 PDF 文档,使用也非常简单,官网地址为:
https://pdfobject.com/
PDFObject 默认会在工具栏上面显示下载按钮,这对于一些网站来说行不通,因为有些网站不希望用户能够直接下载 PDF 文档,其实 PDFObject 不能够完全解决下载的问题,下面介绍的方法也只能够解决 Html 页面中不能加保存,下载。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="pdfobject.min.js"></script>
<style type="text/css">
html, body, #example {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}
.mask {
position: fixed;
width: 98%;
height: 100%;
top: 0px;
left: 0px;
}
</style>
</head>
<body>
<div class="mask"></div>
<div id="example"></div>
<script type="text/javascript">
document.oncontextmenu = function () {
return false;
}
var options = {
pdfOpenParams: {
pagemode: "thumbs",
scrollbars: '0',
toolbar: '0',
statusbar: '0'
}
};
PDFObject.embed("sample.pdf", "#example", options);
</script>
</body>
</html>