为了账号安全,请及时绑定邮箱和手机立即绑定

Vue中用PDF.JS小技巧

标签:
Vue.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 :class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="fileUrl" frameborder="0"></iframe>-------------</body><script>
    var fileUrL = 'static/pdf/web/viewer.html?file='+'后台取到的地址数据'</script></html>



作者:H_婷
链接:https://www.jianshu.com/p/6fbbba7ea804


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消