联系我们
软件销售
投诉邮箱

q@xunruicms.com

文档或下载模块附件文档预览代码分享这段代码网上有下面的是我在
方案栏目:迅睿CMS 更新时间:2020-10-21 13:45:30

image


文档或下载模块附件(pdf、word、xls文档)预览代码分享,这段代码网上有,下面的是我在迅睿里调试好的,复制粘贴可用。

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 href="{dr_down_file($fjdown)}">{$data.filename}</a>({dr_format_file_size($data.filesize)},{$data.fileext}文件)
		<a class="pdf" 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)。


redge: 注意添加模块字段fjdown时(字段类型:file单文件),扩展名填写为:pdf,doc,docx,xls,xlsx,ppt,pptx

唉呦喂: 赞赏您的分享精神!

村长: 这是好东西,看看

村长: 我回复了怎么看不到呢

redweb: 回复看看,支持一下!

redge: kouyuxin 刷新下网页!

K大帅: 回复看看,支持一下!

唉呦喂:

 1小时前
新加坡 Google Pixel 手机@迅睿框架创始人,手机bang

清萌网络科技: 这是好东西,看看

范闲: 正需要用,打算做个简历模板网

范闲: 我回复了怎么看不到呢,也刷新了

redge: 范闲清除下浏览器缓存,刷新网页试试!

redge: redge  好像大家回帖后有时候不能正常显示隐藏内容,直接贴出来了!

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"  target="_blank" href="{dr_down_file($fjdown)}">{$data.filename}</a>({dr_format_file_size($data.filesize)},{$data.fileext}文件)
		<a class="pdf"  target="_blank"  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)。

redge: redge
QQ浏览器截图20191226133831
 刚弄好个首页取新闻图片轮播!

凌远明: 感谢分享!!!!

华仔: 感谢分享!!!!

华仔: 这样有个弊病,源代码里可以直接看到文件真实地址,如果是付费文件就能直接下载了

丛林灰太狼: 感觉很牛逼,看下 哈哈

过把瘾: 回复看看,支持一下!

帝云网络: 看下,好像很棒的样子

五金冲压件: 这样有个弊病,源代码里可以直接看到文件真实地址,如果是付费文件就能直接下载了

草木人: 这个怎么我用了预览没有效果。直接下载了

阿不⃢: 这是好东西,看看

无: 本部分内容设定了隐藏,需要回复后才能看到,立即回复

逍遥游: 这么好?楼主大公无私

吃不痴: 支持,学习一下

丶白紙: 兼容性好不好呢

帝云网络: 这个太实用了!!!!!!!

帝云网络: 丶白紙  好不好得自己体验才知道

晕菜菜: 好像不行嘛~是我的js文件不对么

晕菜菜: 什么东西这么神秘无  

晕菜菜: 你们可以预览office的文件吗?试了下,只能预览pdf~

流浪的乞丐: 好东西,有插件类型的吗! 这样更好。

小黄人 18html: 这个是无法预览OFFICE文件的

胡银萍: 好东西,有插件类型的吗! 这样更好。

相关内容