方法一:vue-pdf-embed@1.2.1版本获取总页数方法: importVuePdfEmbedfrom"vue-pdf-embed";onMounted(async()=>{constdoc=awaitVuePdfEmbed.getDocument(pdfState.source).promise// 获取文件总页数console.log(doc.numPages);}); 1. 2. 3. 4. 5. 6. 7. 注:在vue-pdf-embed@2.x版本中,该写法无效。 ...
const pdfUrl = ref('https://example.com/your-pdf-file.pdf'); // PDF文件的URL const currentPage = ref(1); // 当前页数 const totalPages = ref(0); // 总页数 const scale = ref(1); // 缩放比例 // PDF加载完成时获取总页数 const onPdfLoaded = (pdf) => { totalPages.value = pd...
let pages = pdfCurrent.numPages //声明一个pages变量等于当前pdf文件的页数 for (let i = 1; i <= pages; i++) { //循环页数 let canvas = document.createElement('canvas') let page = await pdfCurrent.getPage(i) //调用getPage方法传入当前循环的页数,返回一个page对象 let scale = 1;//缩放...
pdfUrl, //预览pdf文件地址 // source: require("../../../assets/vue.pdf"), //预览pdf文件地址 pageNum: 1, //当前页面 scale: 1, // 缩放比例 numPages: 0, // 总页数 }); const scale = computed(() => `transform:scale(${state.scale})`); function lastPage() { if (state.page...
实现原理:借用依赖vue-pdf-embed(pdf预览),pdfjs-dist(获取pdf总页数) 借用文档:https://juejin.cn/post/6995856687106261000 实现效果 实现步骤 一:安装依赖 npm i vue-pdf-embed -S npm install --save pdfjs-dist 二:页面使用 vue文件中 <template> ...
pdfUrl, //预览pdf文件地址 // source: require("../../../assets/vue.pdf"), //预览pdf文件地址 pageNum: 1, //当前页面 scale: 1, // 缩放比例 numPages: 0, // 总页数 }); const scale = computed(() => `transform:scale(${state.scale})`); function lastPage() { if (state.page...
pdfUrl, //预览pdf文件地址 // source: require("../../../assets/vue.pdf"), //预览pdf文件地址 pageNum: 1, //当前页面 scale: 1, // 缩放比例 numPages: 0, // 总页数 }); const scale = computed(() => `transform:scale(${state.scale})`); function lastPage() { if (state.page...
pdfUrl, //预览pdf文件地址 // source: require("../../../assets/vue.pdf"), //预览pdf文件地址 pageNum: 1, //当前页面 scale: 1, // 缩放比例 numPages: 0, // 总页数 }); const scale = computed(() => `transform:scale(${state.scale})`); function lastPage() { if (state.page...