利用pdf.js封装vue组件在vue中实现在线pdf查看_基于pdfjs封装

作者：一键难忘520 | 2024-07-25 12:46:51

踩

基于pdfjs封装

pdf.js是一款开源的pdf文档读取解析插件，可以直接在html中进行pdf预览。

pdf可以直接下载，下载地址：http://mozilla.github.io/pdf.js/。pdf.js主要包含两个库文件，一个pdf.js和pdf.worker.js，一个负责api解析，一个负责核心解析。

也可以直接进行下载使用，我这边使用的是cnpm下载。

1. 安装

 cnpm isntall --save pdfjs-dist

2. 以组件的形式新建一个页面，CPdf.vue

然后按照需求去进行页面布局，我做的功能是一个合同查看功能，html如下：


<template>
  <div class="cpdf" id="cpdf">
    <top-normal-bar normalTitle="合同查看"></top-normal-bar>
    <div class="center">
      <div class="contor">

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/一键难忘520/article/detail/880265?site