当前位置： 首页 > news >正文

Vue基于vue-office实现docx、xlsx、pdf文件的在线预览

news 2026/4/2 7:23:46

文章目录

  • 1、vue-office概述
  • 2、效果
  • 3、实现
    • 3.1 安装
    • 3.2 使用示例
      • 3.2.1 docx文档的预览
      • 3.2.2 excel文档预览
      • 3.2.3 pdf文档预览

1、vue-office概述

vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。

功能特色：

  • 一站式：提供docx、.xlsx、pdf多种文档的在线预览方案，有它就够了，不用再四处寻找、测试、集成各种库了
  • 使用简单：只需提供文档的src(网络地址)即可完成文档预览，也支持ArrayBuffer、Blob等多种格式
  • 支持样式：不仅能预览内容，也支持文档样式，最大限度还原office文件内容

2、效果

下面分别为docx、xlsx、pdf三种类型的文件在线加载后的效果。你也可以访问官方预览网址查看效果。

相关文章：

Vue基于vue-office实现docx、xlsx、pdf文件的在线预览

文章目录 1、vue-office概述2、效果3、实现3.1 安装3.2 使用示例3.2.1 docx文档的预览3.2.2 excel文档预览3.2.3 pdf文档预览1、vue-office概述 vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。 功能特色： 一站式：提供docx、.xlsx、pdf多…...

编程日记 2024/10/12 19:04:47

哪个软件可以在线编辑ppt? 一口气推荐5个做ppt的得力助手！

日常在制作ppt时，你是否经常遇到这些问题，ppt做到一半，电脑突然死机，来不及保存的ppt付之一炬，分分钟让人原地崩溃…… 好在许多团队也在持续跟进这个问题，给出了一个一劳永逸的最佳方案——PPT在线编辑&a…...

编程日记 2024/10/12 19:02:45

Django学习笔记九：Django中间件Middleware

Django中间件（Middleware）是一段在Django的请求/响应处理过程中，可以介入并改变请求或响应的代码。中间件是Django框架中一个非常强大的功能，它允许你在Django的视图函数之前或之后执行自定义代码。 中间件可以用于： …...

编程日记 2024/10/12 19:01:43

原来自媒体高手都是这样选话题的，活该人家赚大钱，真后悔知道晚了

做自媒体，话题是战略，内容是战术。 战略是要做正确的事情，战术是如何正确地做事。 如果战略上错误，战术上再勤奋努力都无济于事。 《孙子兵法》有云：“胜者先胜而后求战，败者先战而后求胜。” 相信很多…...

编程日记 2024/10/12 19:00:41

胤娲科技：AI绘梦师——一键复刻梵高《星空》

想象一下，你手中握有一张梵高的《星空》原图，只需轻轻一点，AI便能化身绘画大师，一步步在画布上重现那璀璨星河。 这不是科幻电影中的桥段，而是华盛顿大学科研团队带来的“Inverse Painting”项目，正悄然改变…...

编程日记 2024/10/12 18:58:38

第18课-C++继承：探索面向对象编程的复用之道

一、引言 C 作为一种强大的编程语言，继承机制在面向对象编程中扮演着至关重要的角色。它允许开发者基于已有的类创建新的类，从而实现代码的复用和功能的扩展。然而，继承的概念和使用方法并非一目了然，特别是在处理复杂的继承关系时…...

编程日记 2024/10/12 18:55:34

麒麟V10系统下的调试工具（网络和串口调试助手）

麒麟V10系统下的调试工具（网络和串口调试助手） 1.安装网络调试助手mnetassist arm64-main ①在linux下新建一个文件夹 mkdir /home/${USER}/NetAssist②将mnetassist arm64-main.zip拷贝到上面文件夹中，并解压给权限 cd /home/${USER}/Ne…...

编程日记 2024/10/12 18:54:33

ssh封装上传下载

pip install paramiko import paramikoclass SSHClient:def __init__(self, host, port, username, password):self.host = hostself.port = portself.username = usernameself.password = passwordself.ssh = Noneself.sftp = Nonedef connect(self):"""连接到…...

编程日记 2024/10/12 18:53:31

018_FEA_Structure_Static_in_Matlab结构静力学分析

刹车变形分析 本示例展示了如何使用 MATLAB 软件进行刹车变形分析。 这个例子是Matlab官方PDE工具箱的第一个例子，所需要的数据文件都由Matlab提供，包括CAD模型文件。 步骤 1: 导入 CAD 模型 导入 CAD 模型，这里使用的是一个带有孔的支架模…...

编程日记 2024/10/12 18:51:29

网页打不开、找不到服务器IP地址

现象：网络连接ok，软件能正常使用，当网页打不开。 原因：DNS 配置错误导致网站域名无法正确解析造成。 影响DNS设置的：VPN软件、浏览器DNS服务选择、IPv4属性被修改。 1、VPN代理未关闭 2、浏览器DNS解析选择 3、以太…...

编程日记 2024/10/12 18:50:28

RUM性能优化之图片加载

作者：三石 在现代Web开发中，图片作为内容表达的核心元素，其加载效率直接影响到页面的整体性能和用户体验。随着高清大图和动态图像的普及，优化图片加载变得尤为重要。RUM作为一种主动监测技术，能够帮助开发者从真实用户…...

编程日记 2024/10/12 18:48:26

【Java】—— 泛型：泛型的理解及其在集合(List,Set)、比较器(Comparator)中的使用

目录 1. 泛型概述 1.1 生活中的例子 1.2 泛型的引入 2. 使用泛型举例 2.1 集合中使用泛型 2.1.1 举例 2.1.2 练习 2.2 比较器中使用泛型 2.2.1 举例 2.2.2 练习 1. 泛型概述 1.1 生活中的例子 举例1：中药店，每个抽屉外面贴着标签 举例2&…...

编程日记 2024/10/12 18:46:21

【Python】selenium遇到“InvalidArgumentException”的解决方法

在使用try……except 的时候捕获到这个错误： InvalidArgumentException: invalid argument (Session info: chrome112.0.5614.0) 这个错误代表的是，当传入的参数不符合期望时，就会抛出这个异常： InvalidArgumentException: invali…...

编程日记 2024/10/12 18:45:19

RT-DETR改进策略：BackBone改进|CAFormer在RT-DETR中的创新应用，显著提升目标检测性能

摘要 在目标检测领域，模型性能的提升一直是研究者和开发者们关注的重点。近期，我们尝试将CAFormer模块引入RT-DETR模型中，以替换其原有的主干网络，这一创新性的改进带来了显著的性能提升。 CAFormer，作为MetaFormer框架下的一个变体，结合了深度可分离卷积和普通自注意力…...

编程日记 2024/10/12 18:44:17

【YOLOv11】ultralytics最新作品yolov11 AND 模型的训练、推理、验证、导出 以及 使用

​目录 一 ultralytics公司的最新作品YOLOV11 1 yolov11的创新 2 安装YOLOv11 3 PYTHON Guide 二 训练 三 验证 四 推理 五 导出模型 六 使用 文档：https://docs.ultralytics.com/models/yolo11/ 代码链接：https://github.com/ultralytics/ult…...

编程日记 2024/10/12 18:43:16

动态规划——多状态动态规划问题

目录 一、打家劫舍 二、打家劫舍 II 三、删除并获得点数 四、粉刷房子 五、买卖股票的最佳时机含冷冻期 六、买卖股票的最佳时机含手续费 七、买卖股票的最佳时机III 八、买卖股票的最佳时机IV 一、打家劫舍 打家劫舍 第一步：确定状态表示 当我们每次…...

编程日记 2024/10/12 18:41:14

leetcode-10/9【堆相关】

1.数组中的第K个最大元素【215】 思路： 1.1.要使得时间复杂度为O(n)，自己实现大顶堆，通过K次调整，顶部元素就是想要的第K个最大元素 1.2.实现大顶堆的过程中，先建堆，建堆是利用递归，本…...

编程日记 2024/10/12 18:40:13

自然语言处理问答系统：技术进展、应用与挑战

自然语言处理问答系统：技术进展、应用与挑战 自然语言处理（NLP）作为人工智能领域的一个重要分支，旨在使计算机能够理解和生成人类语言。问答系统（Q&A System），作为NLP的一个重要应用&#…...

编程日记 2024/10/12 18:39:12

向量数据库！AI 时代的变革者还是泡沫？

向量数据库！AI 时代的变革者还是泡沫？ 前言一、向量数据库的基本概念和原理二、向量数据库在AI中的应用场景三、向量数据库的优势和挑战四、向量数据库的发展现状和未来趋势五、向量数据库对AI发展的影响 前言 数据是 AI 的核心，而向量则是数…...

编程日记 2024/10/12 18:38:11

vue中css作用域及深度作用选择器的用法

Vue中有作用域的CSS 当< style>标签有scoped属性时&#xff0c;它的css只作用于当前组建中的元素。vue2和vue3均有此用法&#xff1b; 当使用scoped后&#xff0c;父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受父组件有作用域的css和子组件有作用…...

编程日记 2024/10/12 18:36:08

HunyuanVideo-Foley效果评测：与AudioLDM、MERT等主流音效模型横向对比

HunyuanVideo-Foley效果评测&#xff1a;与AudioLDM、MERT等主流音效模型横向对比 1. 评测背景与测试环境 1.1 评测目标 本次评测旨在对比HunyuanVideo-Foley与当前主流音效生成模型&#xff08;AudioLDM、MERT&#xff09;在音效质量、生成速度、资源占用等方面的表现。测试…...

编程新知 2026/4/2 6:58:50

别再搞混了！海康相机Bayer、Mono、YUV格式详解与选型避坑指南

工业相机图像格式全解析&#xff1a;从Bayer到YUV的实战选型策略 第一次接触工业相机参数表时&#xff0c;看到BayerRG8、Mono12 Packed、YUV422这些术语是不是感觉像在读天书&#xff1f;去年我在自动化检测项目上就曾因为选错图像格式&#xff0c;导致整套视觉算法推倒重来。…...

编程新知 2026/4/2 6:14:26

Intv_AI_MK11 服务端错误处理：全面应对 403 Forbidden 等常见 HTTP 状态码

Intv_AI_MK11 服务端错误处理&#xff1a;全面应对 403 Forbidden 等常见 HTTP 状态码 1. 为什么需要关注API错误处理 在调用Intv_AI_MK11这类AI服务API时&#xff0c;开发者经常会遇到各种HTTP状态码返回。这些状态码就像是服务端给你的"小纸条"&#xff0c;告诉你…...

编程新知 2026/4/2 6:10:24

港科喜讯|[港科百创]参赛项目上市!视觉语言大模型第一股诞生！

2026年3 月 30 日&#xff0c;山东极视角科技股份有限公司&#xff08;股票代码&#xff1a;6636.HK&#xff09;在香港联合交易所主板正式上市。这家曾斩获香港科技大学第六届百万奖金国际创业大赛深圳赛区一等奖的科创企业&#xff0c;同时也是香港科大"创科行"(第…...

编程新知 2026/4/2 6:00:06

5个效率倍增技巧：ColorWanted如何解决设计师与开发者的颜色管理难题

5个效率倍增技巧&#xff1a;ColorWanted如何解决设计师与开发者的颜色管理难题 【免费下载链接】ColorWanted Screen color picker for Windows (Windows 上的屏幕取色器) 项目地址: https://gitcode.com/gh_mirrors/co/ColorWanted 在数字设计与开发工作中&#xff0c…...

编程新知 2026/4/2 4:39:27

2026届必备的五大AI辅助写作方案推荐榜单

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 在人工智能技术参与进来之后&#xff0c;学术论文写作在效率方面有了明显的大幅提升&#xf…...

编程新知 2026/4/2 4:13:12

暑期实习面经记录（十四）（java）（4.2号补充下，闪闪改改）

本人最近面的被问的比较多的java八股先完成再完美1.如何设计一个扣减库存或者说秒杀抢券系统2.最近问这个问的比较多多线程->线程池->并发安全->场景2.锁->synconiezed,retranlock->可重入吗->怎么实现的2.1读写锁 怎么实现的&#xff1b;AQS底层&#xff1b…...

编程新知 2026/4/2 2:55:19

磁流变半主动悬架Simulink模型创建与策略设计详解

磁流变半主动悬架simulink模型&#xff0c;包含模型创建&#xff0c;模型策略设计磁流变悬架的Simulink建模就像搭积木——你得先搞清楚每块积木该放哪儿。咱们从最基础的四分之一车模型开始&#xff0c;车身质量、悬架刚度这些参数直接在Simulink里拖几个Mass和Spring模块就能…...

编程新知 2026/4/2 2:41:04

一个月突变！Linux内核大佬懵了：上个月还是“AI垃圾”，这个月AI Bug报告却突然靠谱？

整理 | 郑丽媛出品 | CSDN&#xff08;ID&#xff1a;CSDNnews&#xff09;最近在做开源项目维护的开发者&#xff0c;可能会有一种奇怪的错觉&#xff1a;Bug 似乎报告变多了&#xff0c;而且变准了——更准确地说&#xff0c;是 AI 报的 Bug&#xff0c;突然开始“靠谱了”。…...

编程新知 2026/4/2 1:14:03

Qwen3.5-9B生产环境实测：7x24小时稳定运行+自动恢复+错误率＜0.3%运维报告

Qwen3.5-9B生产环境实测&#xff1a;7x24小时稳定运行自动恢复错误率<0.3%运维报告 1. 项目概述 Qwen3.5-9B是一款拥有90亿参数的开源大语言模型&#xff0c;在实际生产环境中展现出卓越的稳定性和可靠性。经过长达一个月的7x24小时不间断运行测试&#xff0c;该系统实现了…...

编程新知 2026/4/2 0:57:49