html 实现动态在线预览word、excel、pdf等文件

word+excle+pdf表格在线浏览

通过iframe直接引用微软提供的方法

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>

在 https://view.officeapps.live.com/op/view.aspx?src= 后边添加需要预览的内容

pdf在线浏览

PDF.js下载地址

http://jhyt.oss-cn-shanghai.aliyuncs.com/images/1531367199089_PDFObject.js

使用方法

引入pdf.js文件

<script src="./js/PDF/PDFObject.js" type="text/javascript"></script>

创建有个div用于展示

<div id="example1"></div>

通过js动态添加需要浏览的pdf地址

 var options = {height: "550px",pdfOpenParams: {view: 'FitV', page: '0' },name:"mans",fallbackLink: "<p>您的浏览器暂不支持此pdf，请下载最新的浏览器</p>"};
PDFObject.embed(url, "#example1",options);

预览效果

摘自：https://blog.csdn.net/superKM/article/details/81013304

html 实现动态在线预览word、excel、pdf等文件相关推荐

前端在线预览word,excel,pdf
前端在线预览word,excel,pdf 预览Word 预览pdf 预览Excel 预览Word 微软的在线预览功能,可以预览word.ppt.Excel.PDF 局限: 需要外网能访问文件,如果是只 ...
（开源kkFileView、kkOffice）在线预览word、pdf、ofd、excel、ppt、压缩包、图片等等
(开源kkFileView.kkOffice)在线预览word.pdf.ofd.excel.ppt.压缩包.图片等前言此项目为文件文档在线预览项目解决方案,对标业内付费产品有[永中office][ ...
在线预览Word、PDF、图片（IE、Edge、Google、FireFox等主流浏览器）
支持IE.Edge.Google.FireFox等主流浏览器处理在线预览Word.PDF.JPG.JPEG等格式文件或图片. var id=ID; if(id!=undefined){var hasI ...
html 实现动态在线预览word、excel、pdf等文件，先收藏留着以后用
Word在线预览html,先收藏留着以后用 <div style="width: 100%;height: 100%;"><iframe src='https:/ ...
关于在线预览word,excel,ppt,pdf的需求处理方法。
参考文档:http://www.cnblogs.com/wolf-sun/p/3574278.html 我选用的方案:先用office com组件生成pdf,然后使用pdf.js在线预览pdf文档.在 ...
vue项目实现前端预览word和pdf格式文件
最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来.word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇 ...
h5页面如何预览excel文件_移动端页面，如何解析预览 word/excel/PDF文件？
展开全部利用Office2007以上版本的一个PDF插件SaveAsPDFandXPS.exe可以导出PDF文件,然后再利用免费的swftools.exe工具生成swf格式的Flash文件,网页中加 ...
vue在线预览word，pdf， xls，ppt 文档
首先先踩坑(也不算坑,只是跟我的需求不匹配) 一 ,官方渠道使用微软提供的Office Online平台只需要一个网址即可在线查看Xls,doc,PPT等文档 http://view.officea ...
前端页面预览word_详解html实现在线预览word、excel、pdf等文件的功能（附代码）_WEB前端开发...
JavaScript判断"字典"为空的方法_WEB前端开发字典是一种存储键值对的数据结构,Javascript中的Object类内部即实现为一个字典,本文就来为大家介绍一下判断字 ...

html 实现动态在线预览word、excel、pdf等文件

word+excle+pdf表格在线浏览

html 实现动态在线预览word、excel、pdf等文件相关推荐

最新文章

热门文章