Vue中用PDF.JS小技巧

作者: 肆意木 | 来源:发表于2018-10-02 11:38 被阅读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>

相关文章

  • Vue中用PDF.JS小技巧

    Git 地址:https://github.com/hutingting119/PDF.js 这是我前段时间在网上...

  • vue-pdf.js 在线预览问题

    最近修改公司vue项目中使用pdf.js来实现在线预览上传的各类文件.由于使用pdf.js在预览时是直接在标签内将...

  • Pdf.js 传递一个带 # 的 path 出錯

    Android中用Pdf.js 查看PDF文件,docPath 为一个sdcard上的可访问PDF文件路径 发现当...

  • vue 日常使用

    一. vue 使用 pdf 插件 使用Vue Cli生成项目 下载pdf.js 解压下载后的文件,将文件夹里面的b...

  • 2021-11-19 vue和vue

    vue2中用Object.defineProperty() 结果: vue3中用Proxy 结果:

  • 这几个小技巧,让你书写不一样的Vue!

    前言 最近一直在阅读Vue的源码,发现了几个实战中用得上的小技巧,下面跟大家分享一下。 同时也可以阅读我之前写的V...

  • 2016 8月学习前端知识

    vue SegmentFault 技术周刊 Vol.1 - Vue.js 起手式 css 移动端样式小技巧 js ...

  • ajax 跨域携带COOKIE

    背景:项目中用pdf.js插件打开pdf流文档 遇到问题如下:在PC浏览器中通过插件打开pdf流文件,cookie...

  • vue小技巧

    vue-router的异步组件 webstorm的less适应 webstorm的js自动匹对

  • vue小技巧

    Vue - style绑定background 注意 属性中存在'-'需要修改,如background-size需...

网友评论

    本文标题:Vue中用PDF.JS小技巧

    本文链接:https://www.haomeiwen.com/subject/pmwooftx.html