详解html实现在线预览word、excel、pdf等文件的功能(附代码)


当前第2页 返回上一页

引入pdf.js文件

1

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

创建有个p用于展示

1

<p id="example1"></p>

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

1

2

3

4

5

6

7

var options = {

            height: "550px",

            pdfOpenParams: {view: 'FitV', page: '0' },

            name:"mans",

            fallbackLink: "<p>您的浏览器暂不支持此pdf,请下载最新的浏览器</p>"

        };

PDFObject.embed(url, "#example1",options);

预览效果

dc80301ee9bbf46a7c53872b73158d2.png

感谢大家的阅读,希望大家有所收益。

本文转自:https://blog.csdn.net/superKM/article/details/81013304

推荐教程: 《HTML教程》

以上就是详解html实现在线预览word、excel、pdf等文件的功能(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html em标签怎么用

Html中的重难点标签的用法

利用Html+css+js实现简单的点赞效果

Html frame标签怎么用?frame标签的具体使用实例

Html表单中name属性作用是什么?name和id的差别又是什么?

Html5/css3增加了哪些伪类

Html small标签是什么意思?small标签的使用方法实例

Html的i标签有什么作用

txt怎么转换Html

Html如何给div加边框

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...