html实现在线预览文件功能（图文详解）

当前第2页 返回上一页

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

使用方法

引入pdf.js文件

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

创建有个p用于展示

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

通过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教程》

以上就是html实现在线预览文件功能（图文详解）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

怎么在head区域引入css

Html span标签怎么用

Html的内联元素和块级元素有哪些不同

Html里关于表格table嵌套的注意事项

Html怎么设置颜色渐变

Html里padding是什么意思

总结类Html标题，段落，换行，水平线，特殊字符

Html如何设置背景颜色

Html的由来

Html怎么实现可输入的下拉菜单

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

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html实现在线预览文件功能（图文详解）