1. 安装pdfjs-dist 首先,你需要在Vue 3项目中安装pdfjs-dist库。可以使用npm或yarn进行安装: bash npm install pdfjs-dist 或者 bash yarn add pdfjs-dist 2. 配置pdfjs-dist的Worker文件 pdfjs-dist需要一个worker文件来处理PDF文件的解析和渲染。你需要将pdf.worker.js文件放在项目的公共目录中,并在代码...
起因:公司新项目,使用Vue3 + Ts + Vite开发,老项目(Vue2 )中写过一个业务组件用到了pdfjs-dist,新项目中直接拿来用。然后惨案就发生了。。。 经过: 最开始迁过来的时候,各种报错,然后就参考这位大佬的教程→Vue3+Vite+Ts使用pdfjs-dist。参考过后,将pdfjs-dist版本固定到了2.11.338。 写法上面和大佬的写...
npm i pdfjs-dist 2. 在vue3中使用pdfjs-dist查看pdf文档 2.1 基本页面代码 首先把基本的页面代码准备起来,具体代码如下: 代码语言:txt 复制 <template> </template> import { Options, Vue } from 'vue-class-component' import * as PdfJs from 'pdfjs-dist/legacy/build/pdf.js' // 注意导入...
"pdfjs-dist": "^2.11.338", "vue": "^3.2.31", "vue-router": "^4.0.14" }, "devDependencies": { "@types/node": "^17.0.21", "@types/pdfjs-dist": "^2.10.378", "@vitejs/plugin-vue": "^2.2.4", "typescript": "^4.6.2", "vite": "^2.9.1", "vue-tsc": "^0.29.8...
因为 这行代码引入有问题,vite不支持文件里的写法 vite不支持这个文件内容的写法 会报错PDF.GlobalWorkerOptions.workerSrc = "/file/public/pdfjs-dist-res/pdf.worker.min.js"; 改成引用pdf.
没有get到 vue-pdf、pdfjs-dist 的好,直接使用pdfjs插件。 pdfjs使用教程: 1、官网下载压缩包:http://mozilla.github.io/pdf.js/getting_started/#download(下载稳定版) 2、将下载下来的文件解压缩后,将里面的pdf文件夹拷贝到项目中的public文件夹中 ...
import{defineComponent,onMounted,reactive,ref}from'vue';import{VuePdf,createLoadingTask}from'vue3-pdfjs/esm';import{VuePdfPropsType}from'vue3-pdfjs/components/vue-pdf/vue-pdf-props';// Prop type definitions can also be importedimport{PDFDocumentProxy}from'pdfjs-dist/types/src/display/api';expo...
Files main .storybook scripts src .browserslistrc .editorconfig .eslintrc.js .gitignore .travis.yml LICENSE.md README.md _config.yml babel.config.js jest.config.js package.json rollup.config.js tsconfig.json tsconfig.lib.types.json vue.config.js ...
pdfjs-dist/build/pdf.js.map Version: 1.1 MBSource Map (JSON)View Raw 1 {"version":3,"sources":["webpack://pdfjs-dist/build/pdf/webpack/universalModuleDefinition","webpack://pdfjs-dist/build/pdf/webpack/bootstrap","webpack://pdfjs-dist/build/pdf/src/pdf.js","webpack://pdfjs...
这边以vue-cli3生成的项目为例 安装相关文件 将node_modules中的pdfjs-dist/es5/build,pdfjs-dist/es5/web,pdfjs-dist/cmaps拷贝到public目录下, 这边也可以将修改好的源码上传到cdn,引用会更加方便。 引入pdfjs-dist (可选) 修改打开电子签章显示的代码 ...