一个适用于vue的pdf预览组件库

farmerz

cdd-pdf-view

该组件库基于pdf-dist库,能够把 pdf 文件解析成图片放置到指定的容器 dom 中。

props:
file:File file 对象
url:string

url 可以是

  1. 下载 pdf 的路径,该组件能够自动下载解析 pdf。
  2. file data url,可以把 dataurl 直接解析成要预览的图片。

一个把 pdf 文件解析到图片进行预览的库。
如果 pdf 包含多页内容,那么可以解析成多个图片。

开始安装 setup

npm install cdd-pdf-view

用法 useage 全局注册组件

eg:

import Vue from 'vue'
import pdfView from 'cdd-pdf-view'

Vue.use(pdfView) //之后'cdd-pdf-vue'全局组件就可以用了。

自定义组件引入名称

/* 
如果想要自定义pdf的名字,那么使用Vue.use(pdfView,{name:'pdf-view'})
此方法全局注册为pdf-view名字
 */
Vue.use(pdfView, { name: 'pdf-view' })

非全局注册

如果在 x.vue 文件中使用该组件,则直接引入当作平常组件使用即可。

浏览器使用

  1. 引入 dist/cddPdfVue.css。
  2. 在浏览器中,先引入 vue 之后引入 dist/cddPdfVue.umd.min.js

那么会自动注册到全局中。

名字:'cdd-pdf-view'

阅读 613

前端这两年(2016~)
近几年来前端的变化记录

可可西里,可可西里,我只是想去看一看。

1.2k 声望
53 粉丝
0 条评论

可可西里,可可西里,我只是想去看一看。

1.2k 声望
53 粉丝
宣传栏