❤️强烈推荐!Word、Excel、PPT、PDF在线预览解决方案
大家好,我是锋哥;
平时大伙开发项目的时候,经常遇到业务需求Word、Excel、PPT、PDF在线预览功能;
市面上这方面的解决方案也有一些,不做过多评价。今天主要推荐的是一个特定提前下的永久免费解决方案;
调用微软的在线预览功能(预览前提:资源必须是公共可访问的,不能是IP地址,只能是域名,且资源地址透明链接包含中文需要进行URL编码,并且文档必须可在Internet上公开访问)此方法可行。
一,Wod在线预览测试Demo
<!-- 在线预览Word -->
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/cizhi20211008.docx"
target="_blank"
rel="nofollow">
在线预览Word
</a>
运行效果:
如有需要还可以通过iframe将文档嵌入到页面当中实现在线预览
二,Excel在线预览测试Demo
<!-- 在线预览Excel -->
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/moban20211008.xls"
target="_blank"
rel="nofollow">在线预览Excel</a>
运行效果:
同样支持iframe内嵌:
<iframe width="100%" height="1000px" frameborder="1" scrolling="no"src="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/moban20211008.xls"></iframe>
运行效果:
三,PPT在线预览测试Demo
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/ppt20211008.pptx"
target="_blank"
rel="nofollow">在线预览ppt</a>
运行效果:
同样支持iframe内嵌:
<iframesrc='https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/ppt20211008.pptx'width="100%" height="600px" frameborder="1" scrolling="no">
</iframe>
运行效果:
四,PDF在线预览测试Demo
1、前端实现PDF文件在线预览功能
PDF区别于office的三类文档在于它不会默认打开链接自动下载而是浏览。PDF文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览
<a href="http://blog.java1234.com/pdf20211008.pdf" target="_blank"rel="nofollow">在线预览PDF</a>
2、页面内显示PDF预览
如果不希望打开新的页面直接预览PDF文科则可以通过jquery插件jquery.media.js来实现预览功能。但是这种只能实现PDF预览功能(包括其他各种媒体文件)但是对word等其他文档类型的文件不适用。
搞一个div
<div id="handout_wrap_inner1"></div>
jquery.media.js渲染:
<script type="text/javascript">$('#handout_wrap_inner1').media({width: '100%',height: '100%',autoplay: true,src: 'http://blog.java1234.com/pdf20211008.pdf',});</script>
运行效果:
Word、Excel、PPT、PDF在线预览解决方案 完整Demox下载:
链接:https://pan.baidu.com/s/1PW3gbLkxd9q8MO843_GMeA
提取码:1234
假如有资源失效,请加锋哥WX: java1239
微信搜一搜公众号【java1234】关注这个放荡不羁的程序员,关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。
❤️强烈推荐!Word、Excel、PPT、PDF在线预览解决方案相关推荐
- pdf在线预览解决方案——pdf.js使用
业务背景 在C端的前端项目中,针对用户会有多种规则需要展示,之前的处理方案是将这些规则写成一个个的静态页面,用户来访问这些页面.但如果这些规则需要变更的话,就需要前端修改对应的规则页面的文案,重新发版 ...
- [Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你!...
[Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你! 引言 之前项目需要,查找了office文档在线预览的解决方案,顺便记录一下,方便以后查询. 方案一 ...
- Java准确获取Word/Excel/PPT/PDF的页数(附Word页数读不准的处理办法)
Java准确获取Word/Excel/PPT/PDF的页数(附Word页数读不准的处理办法) 1.需求背景 2.环境准备工作 2.1 JACOB介绍及安装 2.2 Microsoft Office W ...
- 前端ppt\word等等文件实现在线预览功能
前端ppt\word等等文件实现在线预览功能 方法1:https://view.xdocin.com/view?src=你的文档地址 10天免费 方法2:https://view.officeapps ...
- 实现PPT的在线预览(动态,及转PDF)
实现PPT的在线预览(动态,及转PDF) 公司的新需求,需要在网页上动态预览PPT,此处记录下,防止忘记. 之前在网上找了很多资料,比如:用POI 实现等,这里写下自己的实现方法 1.PPT 转PDF ...
- java实现word转pdf在线预览格式
java实现word转pdf在线预览格式 前段时间的项目里涉及了此功能,调研过一些方案,踩过一些坑,一一总结在此. java转pdf的方案很多,但是很多都要收费,转pdf也有一些格式方面的问题. 方案 ...
- Java 实现word pdf在线预览
Java 实现word pdf在线预览 最近项目有这个需求,查找了一些资料,在这整理一下. 首先,pdf的文件,浏览器本身支持预览,不需要做什么处理. controller: 简单说下思路:就是利用i ...
- C#编写ASP.NET Core的Web API并部署到IIS上的详细教程(API用于准确获取Word/Excel/PPT/PDF的页数)6 -将项目部署到IIS,及常见错误解决方案
C#编写ASP.NET Core的Web API并部署到IIS上的详细教程(API用于准确获取Word/Excel/PPT/PDF的页数)6 -将项目部署到IIS,及常见错误解决方案 1.前言 2.安 ...
- 推荐一款文件文档在线预览解决方案
真正的大师,永远都怀着一颗学徒的心! 今天给大家推荐一款文件文档在线预览解决方案.同学们,我们在开发的过程中,对于一些管理系统肯定有文档在线预览的需求.对于简单的文档,用谷歌的在线文档可以直接处理.但 ...
最新文章
- 从netty-example分析Netty组件续
- hpe服务器稳定性,hpe服务器安装与配置
- 博客园的博客终于开通了
- sql配置管理器服务是空的_PostgreSQL 12 安装和配置
- GitHub+Vue自动化构建部署
- 计算机网络学习笔记(30. DNS记录和消息)
- 【SAM】bzoj5084: hashit
- BP神经网络(BPNN)
- 高中计算机教师学期论文,高中信息技术教学论文范文
- 华硕主板如何用u盘启动计算机,华硕主板怎么设置u盘启动 华硕主板设置u盘启动方法【图文】...
- 服务器无线桥接后怎么上网,tplink无线路由器桥接成功不能上网该怎么办?
- 印章仿制工具_PS仿制图章工具怎么使用?仿制图章工具使用方法图解
- 2017年最新苹果开发者账号注册申请流程最强详解!
- 三维重建:几种坐标系的简介
- COMSOL弱形式解微分方程
- 百度开放平台调用人脸识别等api问题
- 【转载】透视“专利恶霸”系列之三 2017年,专利恶霸的中国行动元年
- uni-app开发流程一(项目搭建)
- 视频去水印工具-视频去水印哪个软件好用
- 忘记hadoop安装路径,忘记hadoop根目录怎么进入根目录启动hadoop