当前第2页 返回上一页
引入pdf.js文件
1 | <script src="./js/PDF/PDFObject.js" type="text/javascript"></script>c
|
创建有个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);
|
预览效果
感谢大家的阅读，希望大家有所收益。
本文转自：https://blog.csdn.net/superKM/article/details/81013304
推荐教程： 《HTML教程》
以上就是详解html实现在线预览word、excel、pdf等文件的功能（附代码）的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
Html的删除线用什么标签
Html属于什么语言
Html的select对象如何进行option对象的操作
Html中滚动条的代码是什么？如何设置Html滚动条？
Html空格代码是什么？Html空格代码怎么写？（总结）
Html link标签怎么用
Html中如何添加一个表头
Html server-sent 事件
h5实现放大镜效果的代码
Html如何在图片上设置超链接
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 详解html实现在线预览word、excel、pdf等文件的功能（附代码）
