Vue中用PDF.JS小技巧

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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容