pdf在线查看

最新推荐文章于 2024-05-28 14:31:34 发布

zhou_hai_feng

最新推荐文章于 2024-05-28 14:31:34 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhou_hai_feng/article/details/81474558

本文介绍了一种在网页中预览PDF文件的方法，通过JavaScript动态插入iframe元素，并设置其src属性为PDF文件路径来实现。需要注意的是，该方法可能受到同源策略限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面引入 js

<script src="<%=request.getContextPath() %>/rapast/common/build_jb51/build/pdf.js"></script>
<script src="<%=request.getContextPath()%>/rapast/common/build_jb51/build/pdf.worker.js"></script>

页面代码

 <div id="tmPlayer" class="tmPlayer" style="width: 100%; height: 100%"></div>

js代码

 var var_filepath = decodeURIComponent(url);//不能跨域
 $('.tmPlayer').html('<iframe frameBorder="0" scrolling="no" src="'+
            var_filepath +
            '" style="width:100%; height:100%;"></iframe>');

资源链接

https://pan.baidu.com/s/19OnkJlqbP7NRf0TtzNrn8A