本项目是本人基于实际工作共享的第一个小项目,诞生于2022年上旬。目前实现了所有基本格式的预览。 本项目已经按计划支持了vue3 + vite,并持续优化pptx和word模块。欢迎下载体验。 两种集成方式: 1. 项目引用集成 Tips: 本集成方式将会全量引入本项目的所有代码和依赖,所以可能会在您的项目中产生依赖版本冲突,请注意...
在你的Vue应用中,你可以将PdfViewer组件导入并使用,传递给它PDF文件的URL。 vue <template> <div> <pdf-viewer :src="pdfUrl"></pdf-viewer> </div> </template> <script> import PdfViewer from './components/PdfViewer.vue' export default { com...
el-image组件:预览图片的需求,用它我觉得一般就足够了。 Viewer.js:是一个强大的用于在浏览器中查看图片的JavaScript库。你可以使用它在Vue项目中实现图片预览功能。 Vue Image Viewer:是一个用于在Vue项目中实现图片查看器功能的组件。它支持缩放、旋转等功能。 2.2 vue-office预览word文件使用 安装依赖: #docx文档...
<!DOCTYPE html> Display PDF PDF File Display // Assuming this is your Base64 encoded string const base64String = "data:application/pdf;base64XXXX" // Create a Blob object const byteCharacters = atob(base64String.split(',')[1]); const byteNumbers = new Array(byteCharacters.l...
Vue Image Viewer:是一个用于在Vue项目中实现图片查看器功能的组件。它支持缩放、旋转等功能。 (2)vue-office预览word文件使用 安装依赖: 复制 #docx文档预览组件 npm install @vue-office/docx vue-demi@0.13.11 1. 2. 如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。
我项目中总共引用了2个插件 v-viewer 、 vue-native-websocket , v-viewer 这个插件无解,他底层使用用到的 2.x 语法太多了,所以我选择放弃这个插件。 vue-native-websocket 这个插件就是使用的 Vue.prototype.xx 写法被舍弃了,用新的写法 Vue.config.globalProperties.xx 将其替换即可。
我项目中总共引用了2个插件v-viewer、vue-native-websocket,v-viewer这个插件无解,他底层使用用到的2.x语法太多了,所以我选择放弃这个插件。vue-native-websocket这个插件就是使用的Vue.prototype.xx写法被舍弃了,用新的写法Vue.config.globalProperties.xx将其替换即可。
import pdfjsLib from 'pdfjs-dist/build/pdf'; // 引入pdf.worker.js文件 import 'pdfjs-dist/build/pdf.worker.entry'; // 引入样式文件 import 'pdfjs-dist/web/pdf_viewer.css'; 接下来,在Vue组件中定义一个方法来加载和显示PDF文件: 代码语言:txt 复制 methods: { loadPDF() { // Base64格...
2020年9月18日,vue3正式版发布了,前几天把文档整体读了一遍,感触很深,可以解决我项目中的一些痛点,于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程,欢迎各位感兴趣的开发者阅读本文。 环境搭建 本来打算使用vite + vue3 + VueRouter + vuex + typescript来构架项目的,但是经过一...
A PDF viewer for Vue using Mozilla's PDF.js that supports both Vue2 and Vue3 - arkokoley/pdfvuer