请问一个pdf预览的问题.

iverhan 2015-06-29 06:19:37
刚刚接触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)

请问一般是由于什么原因导致的呢,谢谢
...全文
87 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
null&undefined 2019-07-11
  • 打赏
  • 举报
回复
修改pdf.js中的文件路径

87,954

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧