vue使用pdfjs-dist在电脑上展示PDF文件

安装

安装的时候一定要带上版本号,这里采用的是2.0.943(因为这个版本对于我目前的项目比较合适可以正常使用,其他版本大概率会报错),当前项目使用的是vue2,vue的版本是2.5.10

npm install pdfjs-dist@2.0.943

查看版本发现这玩意版本非常之多

使用

在使用pdfjs-dist库时,pdf.worker.entry是用来指定pdf.worker.js文件的入口路径的。pdf.worker.jspdfjs-dist库中用于处理PDF文件的工作线程脚本。通常情况下,pdf.worker.js会被动态加载并运行,用于在后台处理PDF文件的解析和渲染操作,以避免阻塞主线程

import * as pdfjs from 'pdfjs-dist'
pdfjs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry')

注意:不用的版本有不同的引入方式,具体测试似乎还是有问题,不同的版本引入路径都不一样,具体可以打开node_modules查看

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/830224.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS Position定位(详解网页中的定位属性)

目录 一、Position介绍 1.概念 2.特点 3.作用 4.应用 二、Position用法 1.position属性 2.static定位 3.fixed定位 4.relative定位 5.absolute定位 6.sticky定位 7.重叠的元素 三、CSS定位属性 四、总结 一、Position介绍 1.概念 文档流(Document Fl…

【QA】Git常用命令

前言 本文主要讲述Git常用的命令。 基本命令 配置相关命令 # 设置单一仓库的用户信息 git config user.name “itcast” git config user.email “itcastitcast.cn”# 设置全局仓库的用户信息,通过下面命令设置的信息会保存在~/.gitconfig文件中 git config --…

uniapp 微信小程序 分享海报的实现

主页面 <template><view class"page"><!-- 自定义导航栏--><Navbar title"我的海报"></Navbar><view class"container"><poster ref"poster" :imageUrl"image" :imageWidth"7…

NGINX发布动态页面的方法

一、建立 [rootserver100 html]# vim index.php [rootserver100 html]# pwd /usr/share/nginx/html 二、下载PHP文件 [rootserver100 conf.d]# dnf install php.x86_64 -y 正在更新 Subscription Management 软件仓库。 无法读取客户身份 本系统尚未在权利服务器中注册。可…

vue2中的计算属性

1.什么是计算属性&#xff1f; 在 Vue.js 中&#xff0c;计算属性是一种依赖于 Vue 实例数据的动态属性。计算属性的值是根据它们的依赖动态计算而来的&#xff0c;只要依赖的响应式数据发生改变&#xff0c;计算属性就会重新计算其值。计算属性的优势在于可以将复杂的逻辑封装…

Latex入门教学——常用语句介绍

目录 一、导言 二、正文 三、图片 四、公式 五、表格 六、参考文献 LaTex模板下载 IEEE模板&#xff1a;IEEE Article Templates - IEEE Author Center Journals通用模板&#xff1a;Overleaf, Online LaTeX Editor其他方法&#xff1a;百度&#xff0c;CSDN等。 一、导…

力扣题目:寻找数组的中心下标

力扣题目&#xff1a;寻找数组的中心下标 题目链接: 724.寻找数组的中心下标 题目描述 代码思路 根据题目内容&#xff0c;维护好前后缀和&#xff0c;然后从左到右遍历寻找合适的下标 代码纯享版 class Solution {public int pivotIndex(int[] nums) {int sumleft 0, su…

vue 去掉console

vue.config.js chainWebpack (config) {config.optimization.minimizer(terser).tap((args) > {args[0].terserOptions.compress.drop_console truereturn args})}可以通过这个命令看配置是否成功 开发环境的配置 vue inspect > output.js 生产环境的配置 vue inspect -…

Go 语言数组

Go 语言提供了数组类型的数据结构。 数组是具有相同唯一类型的一组已编号且长度固定的数据项序列&#xff0c;这种类型可以是任意的原始类型例如整型、字符串或者自定义类型。 相对于去声明 number0, number1, ..., number99 的变量&#xff0c;使用数组形式 numbers[0], num…

【踩坑日记】SpringBoot集成Kafka,消息没有按照顺序消息问题【已解决】

背景 作为一个合格的码农&#xff0c;当然要学会CV大法了&#xff0c;可是CV也是有风险的&#xff0c;别以为前任写的已经上线那么久了没有问题… 我们需要将埋点信息上报到一个三方平台&#xff08;S2S&#xff09;接口&#xff0c;三方平台对时间有要求&#xff0c;同一个用…

Oracle 数据迁移同步优化(三)

简述 CloudCanal 最近再次对其 Oracle 源端数据同步进行了一系列优化&#xff0c;这些优化基于用户在真实场景中的反馈&#xff0c;具备很强的生产级别参考意义。 本文将简要介绍这些优化项&#xff0c;希望带给读者一些收获。 增量事件 SCN 乱序问题MISSING_SCN 事件干扰新…

小赢卡贷:聚焦为民金融业务,优化消费者服务体验

随着金融科技的发展&#xff0c;为民金融业务逐渐成为金融行业的重要发展方向。小赢卡贷作为领先的金融科技企业&#xff0c;始终聚焦为民金融业务&#xff0c;致力于为广大消费者提供便捷、高效的金融服务&#xff0c;不断优化消费者服务体验。 为民金融业务的核心在于为广大…

clickhouse与oracle传输数据

参考 https://github.com/ClickHouse/clickhouse-jdbc-bridge https://github.com/ClickHouse/clickhouse-jdbc-bridge/blob/master/docker/README.md clickhouse官方提供了一种方式&#xff0c;可以实现clickhouse与oracle之间传输数据&#xff0c;不仅仅是oracle&#xff0…

什么是CIDR,以及广播地址和网络前缀的计算方法

CIDR&#xff08;Classless Inter-Domain Routing&#xff0c;无类域间路由&#xff09;是一种用于在互联网上创建和分配IP地址的方法。CIDR于1993年引入&#xff0c;目的是改进IPv4的地址分配效率&#xff0c;延缓IPv4地址的耗尽&#xff0c;同时减少路由表的大小并提高路由效…

Blender边操作

1.边的细分 Subdivide -选中一条边&#xff0c;右键&#xff0c;细分 2.边的滑移&#xff0c;Edge Slide -选中一条边 -菜单&#xff0c;边-滑移边线 其中&#xff0c;滑移时&#xff0c;是以两侧的邻边为轨道&#xff0c;滑移的边线无法越过轨道尽头 3.边的删除 -选中一…

使用JavaScript及HTML、CSS完成秒表计时器

案例要求 1.界面为一个显示计时面板和三个按钮分别为:开始&#xff0c;暂停&#xff0c;重置 2.点击开始&#xff0c;面板开始计时&#xff0c; 3.点击暂停&#xff0c;面板停止 4.点击重置&#xff0c;计时面板重新为0 案例源码 <!DOCTYPE html> <html lang"…

淘宝(天猫)|京东|1688商品详情数据接口在自有电商平台的应用!

在电商市场的日益成熟下&#xff0c;越来越多的电商参与者上线了自主研发的电商平台。这主要是因为&#xff0c;在电商销售中&#xff0c;品牌在自有电商平台售卖商品的优势颇多&#xff1a; 自有的电商平台能够赋予品牌更大的灵活性和自由度等&#xff0c;品牌商品销售时无需…

Linux驱动开发——(九)platform设备驱动

目录 一、Linux驱动的分离 二、Linux驱动的分层 三、platform平台驱动模型简介 3.1 platform_driver结构体 3.2 device_driver结构体 3.3 platform驱动API函数 四、驱动代码 一、Linux驱动的分离 对于Linux这种庞大而复杂的系统&#xff0c;需要非常注重代码的重用性&a…

运算符的分类

运算符的分类 JS 中的运算符&#xff0c;分类如下&#xff1a; 算数运算符自增/自减运算符一元运算符三元运算符&#xff08;条件运算符&#xff09;逻辑运算符赋值运算符比较运算符 下面来逐一讲解。 算术运算符 用于执行两个变量或值的算术运算。 此外&#xff0c;算数…

IntelliJ IDEA - Lombok supports: OpenJDK javac, ECJ

问题描述 java: You arent using a compiler supported by lombok, so lombok will not work and has been disabled.Your processor is: com.sun.proxy.$Proxy26Lombok supports: OpenJDK javac, ECJ 解决方案 在 IDEA 设置中 File -> Settings 中找到配置如下&#xff1…