xlsx效果图 2 pdf格式文件预览 浏览器本身是支持pdf格式文件预览的,除非想在界面里内嵌一个区域。 1.1 下载所需配置包 特别注意:vue-pdf需要文档的http地址 npm i vue-pdf 1.2 预览pdf格式文件 <template><pdfref="pdf"v-for="i in numPages":key="i":src="url":page="i"></pdf></template>import ...
1. 添加依赖 在package.json文件中添加如下依赖,并通过命令npm i安装依赖。 {...,"dependencies":{"@vue-office/docx":"1.6.0","@vue-office/excel":"1.6.0","@vue-office/pdf":"1.6.0"},} 2. 引入依赖 在vue文件中引入依赖,示例代码如下: //引入相关样式import'@vue-office/docx/lib/index.css'...
// word文件预览 getFile(){ FileDownload(this.fileId).then((res) => { const content = res.data; docx.renderAsync(content, this.$refs.fileDiv); }).catch(() => { this.$message.error('下载失败!') }); }, async previewPdfFile(){ const resCancel = await xlsxFileDownload(this.fileId...
import pdffrom'vue-pdf'; import { renderAsync }from"docx-preview"; exportdefault{ components: { pdf }, name:'file-preview', data () {return{ title:'文件预览', open:false, loading:false, viewHeight:500, info: { url:null, blob:null, filename:null, }, pdfPageNum:0, fileUrl:'', ...
excel: 'http://static.shanhuxueyuan.com/demo/excel.xlsx'//设置文档地址 } }, methods:{ rendered(){ console.log("渲染完成") } } } pdf文档预览 <template> <vue-office-pdf :src="pdf" @rendered="rendered"/> </template> //引入Vue...
简介:随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。
以下是Vue-office组件库的使用示例，分别展示了如何预览docx、xlsx和pdf文件。在使用过程中，你可能会发现一些需求未被满足。此时，欢迎你在GitHub上提出Issue，或者自行fork修改代码。以下链接是项目的GitHub源码。如果你觉得这个库对你有所帮助，那么我真心希望你能给它一个赞，这将是我持续优化和开发的...
提示:由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件 examples change: 同时支持vue2/3 2年前 packages change: 同时支持vue2/3 2年前 script change: 同时支持vue2/3 2年前 utils change: 同时支持vue2/3 2年前 .gitattributes
支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。 《演示效果》 《使用非Vue框架(原生js、React等)、或者Vue里面报错,看这里》 《详细配置》 功能特色 一站式:提供word(.docx)、pdf、excel(.xlsx, .xls)多种文档的在线预览方案,有它就够了 ...
使用spring boot打造文件文档在线预览项目解决方案,支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、以及众多类文本如txt、html、xml、java、properties、mp3、mp4、sql、js、md、json、conf、ini、vue、php、py、bat、gitignore等文件在线预览