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

uniapp h5实现Excel、Word、PDF文件在线预览,而不是跳转下载,也不需要下载

实现方案

word,微软 Office Web Viewer
const url = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent('https://501351981.github.io/vue-office/examples/dist/static/test-files/test.docx')}`
window.open(url) //新建窗口打开链接预览
//或
window.location.href = (url); //本页面内跳转链接实现预览,留页面历史记录
//或
location.replace(url); //本页面内跳转链接实现预览,不留页面历史记录
excel,微软 Office Web Viewer
const url = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent('http://static.shanhuxueyuan.com/demo/excel.xlsx')}`
window.open(url) //新建窗口打开链接预览
//或
window.location.href = (url); //本页面内跳转链接实现预览,留页面历史记录
//或
location.replace(url); //本页面内跳转链接实现预览,不留页面历史记录
pdf,pfile的文件预览
const url = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent('https://www.*********.pdf')}`
window.open(url) //新建窗口打开链接预览
//或
window.location.href = (url); //本页面内跳转链接实现预览,留页面历史记录
//或
location.replace(url); //本页面内跳转链接实现预览,不留页面历史记录

vue-office库

https://www.npmjs.com/package/@vue-office/excel

相关文章:

uniapp h5实现Excel、Word、PDF文件在线预览,而不是跳转下载,也不需要下载

实现方案 word,微软 Office Web Viewer const url https://view.officeapps.live.com/op/view.aspx?src${encodeURIComponent(https://501351981.github.io/vue-office/examples/dist/static/test-files/test.docx)} window.open(url) //新建窗口打开链接预览 /…...

台式电脑一键重装Win10系统详细教程

很多用户都在使用台式Win10电脑办公,如果电脑出现系统问题无法解决了,这时候就可以考虑给电脑重装系统哦,下面小编给大家详细介绍关于台式电脑一键重装Win10系统的步骤方法,安装后电脑就能恢复正常,也不会影响到用户的…...

图像相机-相机属性SDK汇总设置

文章目录 彩色相机设置彩色分辨率设置(TY_ENUM_IMAGE_MODE)彩色模拟增益(TY_INT_ANALOG_GAIN)彩色曝光(TY_INT_EXPOSURE_TIME)彩色增益彩色畸变 深度相机设置深度分辨率(TY_ENUM_IMAGE_MODE&…...

使用ffmpeg调用电脑自带的摄像头和扬声器录制音视频

1、打开cmd,执行chcp 65001,修改cmd的编码格式为utf8,避免乱码 2、执行指令ffmpeg -list_devices true -f dshow -i dummy,查看当前window的音频和视频名称 3、打开windows系统的"打开声音设置"–“麦克风隐私设置”–"允许应用访问你…...

工业物联网模块应用之砂芯库桁架机器人远程无线控制

一、应用背景 在铸管车间无线技改项目中,客户需要构建智能化砂芯库,要求各库存的规格、数量、位置坐标等数据实时可显。此外,还需具备自动入库及出库功能,用于将出炉后的成摞砂芯及时码放至砂芯库的预设位置,当离心机…...

Ubuntu安装.Net SDK

参考微软文档:在 Linux 上安装 .NET选择自己对应系统版本的链接辅助即可。 我这里使用的是 Ubuntu 20.04,因为在这个版本.Net 在Ubuntu包源存储库中不可用,需要手动添加Microsoft包存储库。 使用 APT 进行安装可通过几个命令来完成。 安装 …...

相交链表~

题目描述 给你两个单链表的头节点 headA和headB,请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点,返回 null。图示两个链表在节点 c1 开始相交: 题目数据保证整个链式结构中不存在环。注意,函数返回结果后&…...

跨境电商API接口如何通过API数据接口进行选品

一、了解API及其重要性 API,即应用程序接口,是一种提供给开发者使用的工具,使他们能够通过编程方式访问和操作另一个应用程序的功能。在跨境电商领域,API通常被用于连接电商平台、支付系统、物流服务等,以实现数据的共…...

ArrayList集合方法(自写)

以下方法在使用时需要new一个新对象调用&#xff0c;输出时需要一个输出方法&#xff0c;否则输出的是地址 1.最后位置插入 //最后位置插入 public void add(int element){if (size>arr.length){capacity*factor;int[] tempnew int[capacity];for (int i 0; i <arr.le…...

sql注入学习笔记

sql注入原理 掌握sql注入漏洞的原理掌握sql注入漏洞的分类 万能用户名 777 or 11 #原句 select userid from cms_users where username ".$username." and password".md5 ( $password ) ."输入过后为 select userid from cms_users where username …...

企业涉密文件怎么加密?企业重要文件加密方法

对于一个企业来说&#xff0c;涉密文件的重要性不言而喻&#xff0c;我们需要使用专业的方法来保护企业重要文件。那么&#xff0c;企业涉密文件该怎么加密呢&#xff1f;下面我们来一起了解一下。 本地文件加密 针对在电脑本地保存的文件&#xff0c;我们可以使用超级加密300…...

经典猜数游戏(python类封装)

五次机会猜测100以内随机正整数&#xff0c;我用初通的python类封装了代码并清屏上一次猜测提示&#xff0c;难有所增加咯。 (笔记模板由python脚本于2023年11月09日 12:31:30创建&#xff0c;本篇笔记适合掌握python循环和条件分支语句用法&#xff0c;初通python类的coder翻阅…...

环形链表~

题目描述 给你一个链表的头节点 head &#xff0c;判断链表中是否有环。如果链表中存在环&#xff0c;则返回true。否则&#xff0c;返回false 。 解题思路 采用快慢指针的思想&#xff0c;创建fast和slow一快一慢指针&#xff0c;slow一次走一步&#xff0c;fast一次走两步&…...

GZ038 物联网应用开发赛题第1套

2023年全国职业院校技能大赛 高职组 物联网应用开发 任 务 书 (第1套卷) 工位号:______________ 第一部分 竞赛须知 一、竞赛要求 1、正确使用工具,操作安全规范; 2、竞赛过程中如有异议,可向现场考评人员反映,不得扰乱赛场秩序; 3、遵守赛场纪律,尊重考评人员…...

SQL关键字

SQL关键字包括以下内容&#xff1a; SELECT&#xff1a;从数据库表中查询数据 FROM&#xff1a;指定数据源表 WHERE&#xff1a;筛选满足条件的数据 GROUP BY&#xff1a;按照列或表达式将数据分组 HAVING&#xff1a;筛选分组后满足条件的数据 ORDER BY&#xff1a;按照列或表…...

第三章:人工智能深度学习教程-基础神经网络(第五节-了解多层前馈网络)

让我们了解反向传播网络 (BPN) 中的误差是如何计算的以及权重是如何更新的。 考虑下图中的以下网络。 反向传播网络(BPN) 上图中的网络是一个简单的多层前馈网络或反向传播网络。它包含三层,输入层有两个神经元 x 1和 x 2,隐藏层有两个神经元 z 1和 z 2,输出层有一个神经…...

如何实现Debian工控电脑USB接口安全管控

Debian 作为工控电脑操作系统具有稳定性、安全性、自定义性和丰富的软件包等优势&#xff0c;适用于要求高度可靠性和安全性的工控应用。 Debian 作为工控电脑操作系统在工业控制领域有很大优势&#xff0c;包括&#xff1a; 稳定性&#xff1a;Debian 的发布版以其稳定性而闻…...

开源知识库软件xwiki在Windows下的安装

文章目录 开源知识库软件-xwiki在windows上的部署0、参考文档1、前置环境准备1.1、Windows版本及系统配置1.2、JDK11安装1.3、Tomcat9安装1.4、MySQL5.7数据库的安装 2、xwiki安装3、配置3.1、修改配置支持对文档内容进行搜索 4、问题解决4.1、附件无法上传问题4.1、附件无法下…...

学习c#的第一天

目录 C# 简介 C# 强大的编程功能 C# 开发环境 .Net 框架&#xff08;.Net Framework&#xff09; C# 的集成开发环境 C# 有用的网站 C# 程序结构 C# 简介 C# 是一种由微软开发的现代、通用的面向对象编程语言&#xff0c;它已经得到了Ecma和ISO的认可。 C#最初是在.NE…...

机器学习实战——《跟着迪哥学Python数据分析与机器学习实战》

跟着迪哥学Python数据分析与机器学习实战 一、基础部分二、信用卡欺诈检测实战 —— 监督学习2.1 下采样与过采样2.1.1 过采样数据生成策略SMOTE 2.2 逻辑回归2.3 分类结果混淆矩阵2.4 过采样实战2.5 实战总结2.6 版本依赖排错 三、知识加油站&#xffe5;银行卡的分类 一、基础…...

技能探针:自动化代码分析工具的设计、实现与应用

1. 项目概述&#xff1a;技能探针的诞生与核心价值在技术团队协作与个人能力成长的日常中&#xff0c;我们常常面临一个看似简单却异常棘手的问题&#xff1a;如何快速、准确地评估一个项目或一个开发者所具备的技术栈深度与广度&#xff1f;传统的简历筛选、面试问答&#xff…...

数据结构队列详解:从概念到代码实现

个人专栏&#xff1a;《数据结构-初阶》《经典OJ题目》《C语言》 欢迎各位大佬交流&#xff01; 目录 一、队列的概念及结构 1、队列的基本概念 2、队列的结构 二、代码实现 0、初始化 1、入队 2、出队 3、获取队头元素 4、获取队尾元素 5、获取队列中有效元素个数 …...

c语言字符数组与字符串的使用详解

1、字符数组的定义与初始化 字符数组的初始化&#xff0c;最容易理解的方式就是逐个字符赋给数组中各元素。 char str[10]{ I, ,a,m, ,‘h,a,p,p,y}; 即把10个字符分别赋给str[0]到str[9]10个元素 如果花括号中提供的字符个数大于数组长度&#xff0c;则按语法错误处理&#xf…...

出差党福音:一个100W氮化镓充电头搞定戴尔XPS/灵越全系快充,我的轻量化背包方案

商务差旅终极充电方案&#xff1a;100W氮化镓充电头兼容戴尔XPS/灵越全系快充实战指南 作为每周至少飞行两次的咨询顾问&#xff0c;我的背包减重之路从扔掉原装充电器开始。传统笔记本电源适配器不仅占据背包1/4空间&#xff0c;其重量甚至超过一台iPad Air。直到发现氮化镓(G…...

4 种方法将 Mac 联系人同步到 iPhone

在 Mac 和 iPhone 之间管理联系人总会遇到各种问题。如果你也遇到这种情况&#xff0c;别担心&#xff0c;本文将教你4 种最省心的方法把 Mac 联系人同步到 iPhone&#xff0c;还会额外附上 iPhone 联系人传到 Mac 的技巧。跟着下面的方法操作&#xff0c;选择最适合你的即可。…...

专注力障碍是什么?主要有哪几点影响孩子的学习与社交能力?

专注力障碍对儿童学习与社交的深远影响分析 专注力障碍对儿童的学习和社交能力造成了显著的影响。首先&#xff0c;孩子在课堂上可能因为注意力不集中而无法有效吸收知识&#xff0c;这直接影响他们的学业表现。其次&#xff0c;许多患有学习障碍的孩子在与同龄人互动时&#x…...

机器学习 |1 模型评估

1.经验误差与过拟合经验误差/训练误差&#xff1a;误差指的是学习器输出的预测值与真实值之间的差距&#xff0c;经验误差是学习器在训练数据上的误差泛化误差&#xff1a;学习器在新样本上的误差过拟合与欠拟合&#xff1a;以前文中猫和狗的分类具体例子&#xff0c;假如学习器…...

阶段一:Java基础 | ⭐ 面向对象:继承

阶段一&#xff1a;Java基础 | ⭐ 面向对象&#xff1a;继承 - 手把手教学指南 &#x1f4c5; 更新时间&#xff1a;2026年4月26日 &#x1f3af; 学习阶段&#xff1a;阶段一&#xff1a;Java基础 ⏱️ 建议用时&#xff1a;2天 ⭐ 推荐学习内容&#xff1a;本章为该阶段核心章…...

7大核心技术解密:MS-DOS源代码如何奠定现代操作系统基础

7大核心技术解密&#xff1a;MS-DOS源代码如何奠定现代操作系统基础 【免费下载链接】MS-DOS The original sources of MS-DOS 1.25, 2.0, and 4.0 for reference purposes 项目地址: https://gitcode.com/GitHub_Trending/ms/MS-DOS MS-DOS作为个人计算机操作系统的开山…...

BLIP3o-NEXT架构解析:自回归与扩散模型的协同设计

1. BLIP3o-NEXT架构解析&#xff1a;自回归与扩散模型的协同设计在当前的生成式AI领域&#xff0c;自回归模型&#xff08;Autoregressive Model&#xff09;和扩散模型&#xff08;Diffusion Model&#xff09;代表了两种最具前景的技术路线。BLIP3o-NEXT的创新之处在于将这两…...