通过 ‘https://view.officeapps.live.com/op/view.aspx?src=’+ url 的方式打开

1、打开新窗口预览文件

<a target='_black'  href='https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx'>预览文件</a>

2、当前页面预览文件

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx' />

注意事项:

  • 在您提供的 URL 中无法找到任何文档。 请确保您提供正确的 URL。
  • 文档而言太大。Word 和 PowerPoint 文档必须小于 10 兆字节;Excel 必须小于五个兆字节。
  • 文档的保存格式不是 Web 浏览器支持打开的格式。请尝试将您的文档保存为下列格式之一:
    • Word: docx dotx
    • Excel: xlsx、xlsb、xls、xlsm
    • PowerPoint: pptx、 ppsx、 ppt、 pps、 potx、 ppsm
  • 您需要登录或提供密码才能打开该文档。 将文档设为可公开查看。
  • 文档的文件名称包含无效字符。请尝试编码的文件的名称,当您键入文档的 URL 或重命名文件以仅使用字母和数字。
    例如,要编码的 URL,包括与号 (&),您需要键入%26 & 字符。有关 URL 编码的详细信息,也称为为百分比编码,请参阅维基百科的百分比编码。

3、预览PDF文件
上述方法适用于Word,Excel,PowerPoint,但是不适用于PDF文件的预览,想要预览PDF文件,可以通过以下方式进行预览(目前只了解到以下两种方案,后期有新的方案再进行补充):

  • a标签直接预览
<a target='_black'  href='http://mczaiyun.top/ht/4.pdf'>预览PDF文件</a>
  • 通过pdf.js插件进行预览

参考原文

前端页面实现在线预览文档Word、Excel、PPT、PDF相关推荐

  1. nopi word to html,C# 基于NPOI+Office COM组件 实现20行代码在线预览文档(word,excel,pdf,txt,png)...

    由于项目需要,需要一个在线预览office的功能,小编一开始使用的是微软提供的方法,简单快捷,但是不符合小编开发需求, 就另外用了:将文件转换成html文件然后预览html文件的方法.对微软提供的方法 ...

  2. 前端页面预览word_前端实现在线预览文档

    前端实现在线预览文档 发布时间:2019-06-03 17:22, 浏览次数:529 <>前端实现在线预览文档 最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式 ...

  3. 前端实现在线预览文档

    前端实现在线预览文档 最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式的文档,网上查找了很多资源,各说纷纭,但是在一一尝试之后只有使用微软的预览接口才能成功,其他的会出现各 ...

  4. 【板栗糖GIS】怎么将网络上只能在线预览文档另存为pdf(插件篇)

    怎么将网络上只能在线预览文档另存为pdf(插件篇) 目录 1.使用插件,这里推荐FireShot,好用免费 2.安装该插件的方式 3.打开在线预览文档的网址 4.点击插件-截取整个页面并且-另存为pd ...

  5. 在线预览文档 Office Online

    前言 一直想学习做个在线预览文档的功能,今天使用Office Online Server 2016进行实现在线预览功能. 服务器版本选择:Office Online Server 2016搭配wind ...

  6. PHP 在线预览文档

    PHP 在线预览word.excel.ppt.pdf.txt等文档文件. PHP 在线预览文档 写代码比较少的方案. // PDF.text可以直接网页打开查看 // word.excel.ppt 文 ...

  7. OpenOffice在线预览文档

    使用OpenOffice在线预览文档 开发中遇到了一个需求,需要在线预览word文档,excel表格,pdf等等文件,于是经过一圈Google,发现了这个工具,openoffice会把文档转为pdf文 ...

  8. html怎么转换到百度,类似百度文库在线预览文档flash版(支持word、excel、ppt、pdf)+在线预览文档html版...

    类似百度文库在线预览文档flash版(支持word.excel.ppt.pdf)+在线预览文档html版 (1).将文档转换为html,只支持支持office文档 (2).将文档转换为flash,实现 ...

  9. java实现openoffice在线预览文档

    1.openoffice需要导入的jar包 jodconverter-core-3.0-beta-4.jar juh-3.2.1.jar jurt-3.2.1.jar ridl-3.2.1.jar u ...

  10. php在线预览文档,php如何实现文档在线预览

    php实现文档预览的方法:首先将"php.ini"中的"com.allow_dcom"设为"TRUE":然后定义一个"php_Wo ...

最新文章

  1. SAP Explore hidden functions in MD04
  2. 深入理解argparse模块中的add_argument的参数(如action等)
  3. 电脑无法安装python-无法安装Python库
  4. 第八周课上额外项目:pwd的实现
  5. springboot项目中的注解 启动项目的方式 解决spring的bean.xml配置不生效 spring的基础JDBC配置
  6. 优美的Fibonacci数列与矩阵
  7. Rdd没法调用toDF原因
  8. oracle em agent,ORACLE 11G EM 配置命令及问题处理
  9. LeetCode 1041. 困于环中的机器人
  10. webpack 4.0 中 clean-webpack-plugin 的使用
  11. 解读InnoDB页面--索引结构
  12. python操作数据库之删除数据
  13. html5初学者小游戏源代码,html5 一个“一笔画”小游戏源码(通关)
  14. 视觉目标跟踪算法收集-实时更新
  15. 移动定向流量怎么用?怎么开通物联卡定向流量
  16. 男孩女孩和他们的父母的有趣问题
  17. 影视短视频剪辑的完整操作流程(普通人也能学会)
  18. 华为打造的智慧办公“新物种”,为何在央视节目露脸?
  19. windows安装paddlepaddle踩坑教程
  20. Delphi2010开发DataSnap服务器(一)

热门文章

  1. 产品使用报告(产品分析)
  2. 海康大华网络录像机摄像机设备几种NTP校时方法
  3. 统信UOS系统怎么下载QQ音乐
  4. 如何通过自学成为UI设计师?
  5. Python 寻找完美数
  6. nginx 集群部署
  7. JS 绘制 Cardinal 样条曲线
  8. pta C语言选择题
  9. Pytorch简单使用MINIST数据集
  10. 协同过滤推荐算法概括总结