请问一个pdf预览的问题.
刚刚接触js,有一个预览pdf的需求
用的是pdf.js的插件
然后自己照着网上实例写的demo是可以运行的, 主页上有个按钮,点击后弹出新窗口加载pdf内容,
</script>
</head>
<body style="overflow: hidden;">
<button onclick=atest()>预览</button>
<script id="script">
var url = 'js/preview-pdf/helloworld.pdf';
//附件预览
function atest(){
window.art.dialog.open("js/preview-pdf/test2.html", {
id : "dialog1",
title: "test",
width: 800,
height: 500,
resize: false,
lock: true, // 是否锁屏
background: '#000', // 遮罩颜色
opacity: .5, // 遮罩透明度
duration: 100 // 遮罩透明度渐变动画速度
}, false);
console.log("out atest");
}
</script>
</body>
<script type="text/javascript" src="../js/mail/searchMail.js"></script>
<script type="text/javascript" src="../js/mail/sortMail.js"></script>
</html>
test2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>'Hello, world!' example</title>
</head>
<body>
<!-- for legacy browsers add compatibility.js -->
<!--<script src="../compatibility.js"></script>-->
<script src="pdf.js"></script>
<script src="pdf.worker.js"></script>
<p>fot test</p>
<script id="script">
var url = 'helloworld.pdf';
//function pdftest() {
PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
console.log("in html2");
pdf.getPage(1).then(function getPageHelloWorld(page) {
var scale = 1.5;
var viewport = page.getViewport(scale);
var canvas = document.getElementById('the-canvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
// };
</script>
<canvas id="the-canvas" style="border:1px solid black"></canvas>
</body>
</html>
但是把这几个函数加入到项目工程中的时候,点击按钮会弹出新窗口,但是无法加载pdf内容,同时后台打印:
[20419:0629/180827:INFO:CONSOLE(2550)] "Uncaught TypeError: Property 'resolve' of object #<Object> is not a function", source: file:///home/rc8/workspace/cdos-mails_0611/html/js/preview-pdf/pdf.js (2550)
请问一般是由于什么原因导致的呢,谢谢