很多时候需要在网站直接上传pdf文档，前端可以直接在线预览，那需要怎么实现，以下以xunruicms为例，其他cms原理一样
1.首先是引入相应的js文件：
<script src=”{THEME_PATH}jquery.media.js” type=”text/javascript”></script>
这个jquery.media.js大家可以百度下载，这里就不贴地址了。
2.在模块类添加附件字段（file字段，字段名fjdown），附件后显示[预览]的代码为：
<div class=”portlet-body”>
{php $data = \Phpcmf\Service::C()->get_attachment($fjdown);}
{if $fjdown}->点击下载：<a target=”_blank” href=”{dr_down_file($fjdown)}”>{$data.filename}</a>({dr_format_file_size($data.filesize)}，{$data.fileext}文件)
<a class=”pdf” target=”_blank” href=”uploadfile/{$data.attachment}” target=”_blank” display:none>[预览]</a>{else}{/if}
</div>
这种显示可用于列表（list）和显示页面（show）。
3.pdf文档可在页面显示预览，代码如下：
<div id=”handout_wrap_inner”></div>
<script type=”text/javascript”>
$(‘#handout_wrap_inner’).media({
width: ‘100%’,
height: ‘800’,
autoplay: true,
src:’uploadfile/{$data.attachment}’,
});
</script>
这种显示用于显示页面（show）。
PC模板网声明：
☉vip会员全站90%资源均可以免费下载，有问题可以加入技术QQ群一起交流学习。
☉本站提供的网站源码，都是做好测试好发布的，均可放心使用。
☉如有其他问题，请加网站客服QQ(906875572)进行交流，QQ交流群（877945832）。
☉资源与文章搜集于网络整理，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理906875572@qq.com。
☉vip会员全站90%资源均可以免费下载，有问题可以加入技术QQ群一起交流学习。
☉本站提供的网站源码，都是做好测试好发布的，均可放心使用。
☉如有其他问题，请加网站客服QQ(906875572)进行交流，QQ交流群（877945832）。
☉资源与文章搜集于网络整理，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理906875572@qq.com。
