Vue中用PDF.JS小技巧
2018-10-02 本文已影响11人
肆意木
Git 地址：https://github.com/hutingting119/PDF.js 这是我前段时间在网上找到的源码，等我忙完整理文档的时候，已经找不到原出处了，特此说明。
用法：
注释已经说得很清楚了，我记录一下我的用法，因为我的页面不止有 PDF 预览框，还有其它功能，我还没有把源码吃透，所以不想直接在 viewer.html 文件中添加，所以我把 viewer.html 当作一个 iframe 标签使用，调用打开的页面：
var url = "preview.html";
var options = {
width:screen.width,
height:screen.height
}
gui.Window.open(url,options);
preview.html 页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PDF预览</title>
</head>
<body>
-------------
<iframe :src="fileUrl" frameborder="0"></iframe>
-------------
</body>
<script>
var fileUrL = 'static/pdf/web/viewer.html?file='+'后台取到的地址数据'
</script>
</html>
