getNumPages() { let loadingTask = pdf.createLoadingTask(this.selectedUrl); loadingTask.promise.then((pdf) => { this.totalPages = pdf.numPages; }).catch((error) => { console.error('pdf加载失败', error); }) }, updat
创建一个Vue组件,用于加载和渲染PDF文档。 使用PDFDocumentLoadingTask加载PDF文件,并使用pdfjsViewer.HTMLCanvasRenderer或类似的渲染器在canvas上绘制PDF页面。 处理PDF文件: 可以从服务器加载PDF文件,或者允许用户上传PDF文件。 监听文件加载事件,并在加载完成后渲染PDF。 三、Word和Excel预览实现 虽然mammoth.js和xlsx...
第一篇示例：VueOfficePDF是一个基于Vue.js和Office.js的开源组件，用于在Vue.js项目中显示和编辑PDF文档。使用VueOfficePDF组件可以轻松地在你的Vue.js应用程序中将PDF文档嵌入到页面中，并提供基本的编辑功能，例如添加注释、标记和高亮显示文本等。在本文中，我们将介绍如何使用VueOfficePDF组件来显示和编辑PDF文档，...
data(){ return { docx: 'http://static.shanhuxueyuan.com/test6.docx' //设置文档地址...
(e.target.result); const loadingTask = pdfjsLib.getDocument(typedarray); this.pdfDocument = await loadingTask.promise; this.renderPage(1); }; fileReader.readAsArrayBuffer(file); } }, async renderPage(pageNumber) { const page = await this.pdfDocument.getPage(pageNumber); const viewport = ...
取消 提交 <vue-office
5 5 import useLoading from '../hooks/useLoading.js'; 6 - import {ref} from "vue"; 6 + import {ref} from 'vue'; 7 7 function onRendered(){ 8 8 useLoading.hideLoading(); 9 9 } @@ -12,6 +12,11 @@ function onError(e){ 12 12 useLoading.hideLoading(); 13 13 } 14 14 ...
Loading branch information 501351981 committed Apr 17, 2024 1 parent ad0214f commit 12cc6ee Showing 1 changed file with 1 addition and 0 deletions. Whitespace Ignore whitespace Split Unified 1 change: 1 addition & 0 deletions 1 README.md Original file line numberDiff line numberDiff line...
Loading... README vue-office 功能特色 安装 使用示例 docx文档的预览 excel文档预览 pdf文档预览 API 属性 事件 交流反馈 提Issue 赞助和微信交流 恳请各位大佬不吝点赞,开源不易,感谢过往各位大佬的支持~~ 支持多种文件(docx、pdf、excel)预览的vue组件套装,支持vue2/3。
否则会按页数请求多次数据// 需要使用下述方法的返回值作为urlthis.previewFileSrc=pdf.createLoadingTask...