web前端|html教程
html,在线预览
web前端-html教程
提现秒到 源码,ubuntu自启动服务,nodejs递归爬虫算法,aparche php,seo髌骨带lzw
c 会员管理系统源码,ubuntu编写反序,war包怎么自带tomcat,自制爬虫框架,php文件有什么用,sem和seo哪个工作好找运营lzw
详解html实现在线预览word、excel、pdf等文件的功能(附代码)
易语言登陆窗口源码,vscode语法补全,ubuntu可以没有主分区吗,tomcat 自增,sqlite创建db文件,jq点击小图显示大图插件,weapp小程序前端框架,python爬虫总结感想,获取ip地址 php,seo re,计划网站源码,ios 加载网页的进度条,恶搞视频模板,依然虚拟主机管理系统,支付宝赏金裂变小程序源码lzw
本文讲述了html是如何实现动态在线预览word、excel、pdf等文件的功能,该功能十分的方便,大家一起来看看吧,如有什么不足,还望大家指出。
通过iframe直接引用微软提供的方法
在 https://view./op/view.aspx?src= 后边添加需要预览的内容
注意:链接包含中文需要进行URL编码,并且文档必须可在Internet上公开访问
官方使用文档
pdf在线浏览
PDF.js下载地址
http://jhyt.oss-cn-/images/1531367199089_PDFObject.js
使用方法
引入pdf.js文件
c
创建有个p用于展示
通过js动态添加需要浏览的pdf地址
var options = { height: "550px", pdfOpenParams: {view: FitV, page: }, name:"mans", fallbackLink: "
您的浏览器暂不支持此pdf,请下载最新的浏览器
" };PDFObject.embed(url, "#example1",options);
预览效果
感谢大家的阅读,希望大家有所收益。
本文转自:/superKM/article/details/81013304
推荐教学: 《HTML教学》