文档或下载模块附件(pdf、word、xls文档)预览代码分享

迅睿框架 更新 2026-07-31 10:34:30 redge

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 #1 · 2019-12-18 10:30:09
    注意添加模块字段fjdown时(字段类型:file单文件),扩展名填写为:pdf,doc,docx,xls,xlsx,ppt,pptx
  • 唉呦喂 #2 · 2019-12-18 11:11:08
    赞赏您的分享精神!
  • 王小五 #3 · 2019-12-18 11:13:26
    支持
  • kouyuxin #4 · 2019-12-18 14:11:30
    这是好东西,看看
  • kouyuxin #5 · 2019-12-18 14:41:45
    我回复了怎么看不到呢
  • redweb #6 · 2019-12-18 15:11:25
    回复看看,支持一下!
  • redge #7 · 2019-12-18 15:12:31
    kouyuxin 刷新下网页!
  • 九天网络(JiuDay) #8 · 2019-12-18 19:28:52
    回复看看,支持一下!
  • 猴子哥哥 #9 · 2019-12-18 20:29:14
    试试看,感谢
  • 迅睿框架创始人 #10 · 2019-12-18 21:46:50
    这个可以不错
  • 唉呦喂 #11 · 2019-12-18 23:06:09
    1小时前
    新加坡 Google Pixel 手机迅睿框架创始人,手机bang
  • 954484746 #12 · 2019-12-19 11:12:05
    这是好东西,看看
  • 范闲 #13 · 2019-12-19 15:54:55
    正需要用,打算做个简历模板网
  • 范闲 #14 · 2019-12-19 15:55:31
    我回复了怎么看不到呢,也刷新了
  • yunshui2011 #15 · 2019-12-19 17:34:55
    www.Leonor-cn.com
  • redge #16 · 2019-12-19 20:56:26
    范闲清除下浏览器缓存,刷新网页试试!
  • redge #17 · 2019-12-19 20:59:26
    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" 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)。
  • 954484746 #18 · 2019-12-20 02:24:43
    学习下学习下
  • because #19 · 2019-12-22 17:04:35
    学习下
  • redge #20 · 2019-12-26 13:47:47
    redge
    QQ浏览器截图20191226133831
    刚弄好个首页取新闻图片轮播!
  • 繁星 #21 · 2020-01-02 15:19:51
    学习下~~~~~~~~
  • 凌远明 #22 · 2020-01-02 17:26:57
    感谢分享!!!!
  • 华仔 #23 · 2020-01-02 17:29:11
    感谢分享!!!!
  • 华仔 #24 · 2020-01-02 17:31:06
    这样有个弊病,源代码里可以直接看到文件真实地址,如果是付费文件就能直接下载了
  • qq12608 #25 · 2020-01-13 10:32:41
    非常感谢
  • 昱宇 #26 · 2020-01-13 17:26:38
    学习下
  • 杨焕 #27 · 2020-02-11 14:29:16
    感觉很牛逼,看下 哈哈
  • 点卡达人商务 #28 · 2020-02-11 23:11:31
    6666666
  • 草木人 #29 · 2020-02-27 23:36:57
    支持一下
  • 扒了猛干 #30 · 2020-02-29 13:33:55
    支持 收藏 谢谢
  • 过把瘾 #31 · 2020-03-01 09:50:53
    回复看看,支持一下!
  • 帝云网络-Deep #32 · 2020-03-08 00:04:47
    看下,好像很棒的样子
  • max_muller #33 · 2020-03-14 15:18:50
    厉害
  • 扒前端 #34 · 2020-03-23 16:38:34
    看看
  • 五金冲压件 #35 · 2020-03-24 02:04:42
    这样有个弊病,源代码里可以直接看到文件真实地址,如果是付费文件就能直接下载了
  • 草木人 #36 · 2020-04-03 21:36:28
    这个怎么我用了预览没有效果。直接下载了
  • hacklsm #37 · 2020-04-17 22:54:07
    看看
  • kimi #38 · 2020-05-29 08:40:32
    学习
  • 阿不⃢ #39 · 2020-05-29 10:58:56
    这是好东西,看看
  • #40 · 2020-05-30 10:42:59
    本部分内容设定了隐藏,需要回复后才能看到,立即回复
  • 云南麦田 #41 · 2020-06-24 12:00:24
    谢谢大神
  • 韩先生 #42 · 2020-07-08 10:32:48
    这个不错
  • 小小鸟 #43 · 2020-07-08 10:42:13
    这个不错!
  • 逍遥游 #44 · 2020-08-20 13:19:16
    这么好?楼主大公无私
  • 吃不痴 #45 · 2020-08-26 13:17:40
    支持,学习一下
  • 晕菜菜 #46 · 2020-08-26 14:21:49
    学习学习~~
  • 丶白紙 #47 · 2020-08-27 12:20:57
    兼容性好不好呢
  • 帝云网络 #48 · 2020-09-01 12:32:59
    这个太实用了!!!!!!!
  • 帝云网络 #49 · 2020-09-01 12:33:45
    丶白紙 好不好得自己体验才知道
  • 晕菜菜 #50 · 2020-09-03 13:50:50
    好像不行嘛~是我的js文件不对么
  • 晕菜菜 #51 · 2020-09-03 13:51:33
    什么东西这么神秘
  • 晕菜菜 #52 · 2020-09-03 16:04:43
    你们可以预览office的文件吗?试了下,只能预览pdf~
  • 吕小刀 #53 · 2020-09-23 01:56:41
    分享一下
  • 流浪的乞丐 #54 · 2020-09-26 16:46:13
    好东西,有插件类型的吗! 这样更好。
  • 小黄人 18html #55 · 2020-10-16 10:08:33
    这个是无法预览OFFICE文件的
  • 67495 #56 · 2020-10-16 16:09:19
    大哥牛
  • 胡银萍 #57 · 2020-10-21 13:45:30
    好东西,有插件类型的吗! 这样更好。
  • 雾之深 #58 · 2021-01-20 09:59:11
    学习,谢谢
  • 醉猫猫 #59 · 2021-01-26 23:21:49
    学习学习 正研究这个 谢谢
  • #60 · 2021-01-28 16:42:32
    学习学习
  • Mr.Wa #61 · 2021-03-10 17:11:21
    好东西
  • 老孙头 #62 · 2021-03-19 16:28:50
    写的是什么呢?
  • 12121212 #63 · 2021-07-12 10:33:55
    感谢!支持支持!
  • 12121212 #64 · 2021-07-12 10:34:36
    给你赞一个
  • geekcode #65 · 2021-07-22 13:25:26
    支持 收藏 谢谢
  • darkfire #66 · 2021-08-17 16:46:28
    谢谢分享~
  • metasploit #67 · 2021-08-20 13:11:58
    感谢分享!
  • 前期 #68 · 2021-09-14 10:59:01
    645654646
  • 南城 #69 · 2021-09-14 11:38:10
    好东西
  • wly189564 #70 · 2021-10-31 15:07:28
    这个太实用了!!!!!!!
  • 悦笙 #71 · 2021-11-02 11:49:00
    看下
  • 灵动 #72 · 2021-11-03 17:28:31
    不错的插件,感谢分享
  • 云南麦田 #73 · 2021-11-27 12:03:04
    这个东西好,非常感谢分享。
  • chenquan01 #74 · 2021-12-07 17:56:11
    学习学习
  • ocean188 #75 · 2021-12-18 23:25:52
    好东西预览office的文件吗?试了下,只能预览pdf~
  • tugoy #76 · 2021-12-20 21:33:42
    学习一下
  • 驰来北马 #77 · 2021-12-24 07:12:27
    非常感谢。不错的分享
  • IT-老男孩 #78 · 2022-01-09 21:46:33
    好东西,感 谢大神分享这样更好,我要好好学习学习
  • 迅睿小萌新 #79 · 2022-01-18 12:02:37
    必须支持一下啊
  • beggo #80 · 2022-01-24 08:55:58
    大佬真的都好牛啊。学习了
  • 来包花生 #81 · 2022-02-16 13:56:32
    分享一下!
  • phpcms #82 · 2022-02-23 21:28:48
    学习下~~~~~~~~
  • hfxhpw1 #83 · 2022-02-26 16:33:11
    看看看看看看看看看看
  • chaosoven #84 · 2022-03-08 16:52:41
    这是好东西,看看
  • 越王 #85 · 2022-03-22 21:25:45

    4
  • judagunshi #86 · 2022-03-28 16:10:31
    你们可以预览office的文件吗?试了下,只能预览pdf~
  • wlhyhwyt #87 · 2022-04-04 21:44:09
    好东西,有插件类型的吗!
  • qiuchen #88 · 2022-04-21 23:34:37
    好东西,正好要用到
  • 940941616 #89 · 2022-05-03 14:07:15
    这个cms 可以上传pdf吗
  • csz1204 #90 · 2022-05-07 13:44:27
    好东西,有插件类型的吗! 这样更好。
  • soway #91 · 2022-05-11 14:37:42
    只能预览pdf~
  • 梦幻 #92 · 2022-05-14 10:00:00
    学习 一下
  • 找寻知音 #93 · 2022-05-16 21:36:07
    这个好,谢谢
  • 维嘉 #94 · 2022-05-17 21:37:47
    这是好东西,看看
  • WYIBO #95 · 2022-05-18 10:20:30
    看看学习学习
  • 宇宙条 #96 · 2022-05-18 17:35:58
    感谢大佬学习学习
  • 没熟的土豆 #97 · 2022-05-19 11:14:09
    好东西,更好。
  • 自牧 #98 · 2022-05-19 16:48:36

    赞赏您的分享精神!点赞

  • aoo1 #99 · 2022-06-08 14:35:43
    1111111111111
  • 凌云大大 #100 · 2022-06-10 22:00:16
    看看是什么好东西呢?
  • 1307742531 #101 · 2022-06-13 17:09:23
    支持一下。。。。不错哦!
  • 翡翠狐狸 #102 · 2022-06-13 22:39:30
    这个太实用了!!!!!!!

    帝云网络#
  • 15806365599 #103 · 2022-06-15 22:46:34
    赞赏您的分享精神
  • jlmolpklo #104 · 2022-06-22 15:55:22
    看看
  • 创发 #105 · 2022-06-24 23:47:05
    这个问题,有意思
  • 天友网 #106 · 2022-07-05 12:58:31
    这个好东西,看看
  • 是柒柒呀 #107 · 2022-07-07 17:51:10
    那么强的嘛 看看
  • 莹杉网络工作室 #108 · 2022-07-07 22:28:24
    好东西,学习
  • webzzh #109 · 2022-07-08 16:51:49
    看看是啥好东东~~~
  • 湘西北的风 #110 · 2022-07-08 20:54:27
    好东西,感谢分享
  • 昵称 #111 · 2022-07-14 17:07:55
    学习学习!!
  • lbq284730649 #112 · 2022-08-09 17:04:54
    学习
  • 快乐无罪 #113 · 2022-08-09 20:35:34
    学习下学习下
  • 么么哒 #114 · 2022-08-22 01:45:54
    欢迎提出有趣的功能,旨在共同交流
  • 北回归线 #115 · 2022-08-31 21:18:02
    学习一下。。。。
  • 颗粒国 #116 · 2022-09-01 23:28:29
    一直想找这个,现在找着了,支持支持
  • yocoo #117 · 2022-09-13 17:04:43
    好东西,学 习 一 下!
  • zhzhz #118 · 2022-09-13 20:37:25
    谢谢楼主分享
  • 12131 #119 · 2022-09-29 17:39:10
    学习学习学习
  • sbmtv5202 #120 · 2022-10-18 15:15:22
    看看能不能融合在我的网站里
  • 宇宙第一 #121 · 2022-10-20 12:23:35
    看看怎么写的
  • 学习中 #122 · 2022-10-21 19:42:48
    来学习下。感谢分享
  • 青橙 #123 · 2022-10-22 09:03:30
    • 学习下学习下

  • 陈德显 #124 · 2022-10-26 14:02:53
    本部分内容设定了隐藏,需要回复后才能看到
  • 张硕粑粑 #125 · 2022-10-26 15:26:03
    感谢楼主分享
  • 张硕粑粑 #126 · 2022-10-26 15:49:58
    看看如何设置呢
  • 张硕粑粑 #127 · 2022-10-26 17:40:11
    redge 研究了一下午没有搞定 不显示啊 也不知道是什么原因的
  • 屺无心 #128 · 2022-10-26 17:56:11
    张硕粑粑
    <script src="{THEME_PATH}jquery.media.js" type="text/javascript"></script>
    这个jquery.media.js大家可以百度下载,这里就不贴地址了。
    看看有无这个js文件或文件路径引用对不对
  • 找寻知音 #129 · 2022-10-26 18:10:43
    谢谢,学习了📚🙇
  • coffer26 #130 · 2022-10-31 15:05:58
    感谢楼主分享 好东西啊
  • 烽火沧月 #131 · 2022-11-05 16:40:17
    感觉很牛逼,看下 哈哈
  • 匿名者 #132 · 2022-11-19 16:30:09
    感谢分享,学习一下。
  • 匿名者 #133 · 2022-11-19 16:38:13
    我来给大家分享一下
    jquery.media.js
    此文件。



    166884708258ca8e.rar

  • 从允 #134 · 2022-12-03 21:21:37
    好东西,有插件类型的吗! 这样更好。
  • 不停游的鱼 #135 · 2022-12-04 10:52:41

    赞赏您的分享精神!

  • #136 · 2022-12-04 19:42:34
    看看看看看看看看
  • 小陆 #137 · 2022-12-05 18:16:13
    不错,支持一下
  • 菜鸟天下 #138 · 2022-12-06 15:45:02
    这是好东西,看看
  • zlf1008 #139 · 2023-02-24 23:25:19
    学习,学习, 不知道能不能用
  • 梦翔网络 #140 · 2023-02-25 13:30:31
    好东西,真的很6呀
  • zdx4181 #141 · 2023-04-19 13:49:20
    感谢大佬分享
  • 主题 #142 · 2023-05-06 16:24:05
    这是好东西,看看
    这是好东西,看看
  • 贵考通 #143 · 2023-05-22 16:21:44
    回复看看,支持一下!
  • 大自然的搬运工 #144 · 2023-06-01 14:16:43

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

  • 映雪 #145 · 2023-06-02 10:56:19
    学习学习~~学习学习~~
  • 康露依 #146 · 2023-06-03 21:18:53
    感谢楼主分享
  • 团队发发发 #147 · 2023-06-17 10:36:24
    看一下是啥原因了
  • 远兰 #148 · 2023-06-23 00:27:14
    好东西,有插件类型的吗!
  • heywooden #149 · 2023-06-28 17:08:03
    谢谢分享,先顶为敬
  • 小哥哥 #150 · 2023-07-07 14:08:19
    学习学习,好东西值得分享
  • xiaowen #151 · 2023-07-24 09:35:07
    好东西,谢谢分享
  • 木木建站 #152 · 2023-07-24 15:50:31
    棒棒的 楼主大公无私
  • 老头 #153 · 2023-08-08 17:35:10
    看看看看看看看看看看看看看看看看看看看看
  • qz123 #154 · 2023-08-08 18:03:20
    好东西,下载看看
  • 鑫同学 #155 · 2023-08-18 08:14:06
    这个支持手机端显示吗
  • 江小白 #156 · 2023-08-21 11:05:11
    学习下学习下
  • #157 · 2023-09-19 14:45:22
    回复看看,支持一下!
  • shangz51 #158 · 2023-09-26 20:02:57
    redge 本部分内容设定了隐藏,需要回复后才能看到
  • 啊哦哦哦哦哦 #159 · 2023-10-20 16:30:49
    赞赏您的分享精神!
  • 是阿龙呀 #160 · 2023-10-26 16:35:10
    刚好需要,看看
  • h89001 #161 · 2023-12-14 15:53:33
    redge 好东西啊,回复看看
  • 67954711 #162 · 2023-12-19 12:59:45
    好东西,看下
  • honglin #163 · 2024-01-04 09:33:55
    急需要,回复看下
  • 31673soft #164 · 2024-03-22 07:41:05
    不错不错,我要看看
  • 学习狂人 #165 · 2024-03-28 12:46:07
    好东西,谢谢分享
  • 学习狂人 #166 · 2024-03-28 15:42:36
    刚刚试了一下,当改变了存储策略的时候就不能显示预览了
  • jayoooo #167 · 2024-03-29 00:15:56
    redge 看一下。。。。。。。。。。
  • expo2024 #168 · 2024-03-30 20:32:55
    感谢分享,找了好久了~
  • 归途 #169 · 2024-04-07 09:14:41
    学习学习学习学习
  • 问问题的 #170 · 2024-04-07 16:03:06
    看看学习学习学习学习 非常重要
  • tunan #171 · 2024-04-12 11:14:45
    看看真是操作
  • 刘云海 #172 · 2024-04-28 10:56:33
    学习学习学习学习学习学习学习学习学习学习学习学习
  • 如果你唱歌 #173 · 2024-04-29 17:54:53
    正好需要,谢谢分享
  • #174 · 2024-05-29 12:40:38
    看下什么样子
  • 宁静致远 #175 · 2024-06-13 08:47:47
    赞赏您的分享精神!
  • 文成 #176 · 2024-06-19 12:50:29
    好东西,有插件类型的吗! 这样更好。
  • 技术博客 #177 · 2024-07-09 15:14:10
    学习一下,谢谢
  • nemoccc #178 · 2024-07-10 12:12:20
    支持 收藏 谢谢
  • 1732112336 #179 · 2024-07-17 22:22:34
    redge 回复一下/看看redge
  • (~ ̄(OO) ̄)ブ #180 · 2024-07-27 17:14:01
    • 感谢分享!!!!

  • 超人不会飞 #181 · 2024-08-22 08:54:34
    过来学学习一下
  • ivf #182 · 2024-09-03 09:03:31
    js 百度下载找不到~~
  • 迪赞纳 #183 · 2024-10-28 17:40:55
    看看怎么样好不好用
  • 马拉糕 #184 · 2024-10-28 23:19:29
    好东西,有插件类型的吗! 这样更好。
  • 你好世界 #185 · 2024-10-29 09:38:20
    看看,什么内容
  • huiuff #186 · 2024-12-09 14:56:29
    这是好东西,看看
  • pm #187 · 2024-12-13 20:08:35
    刚刚好想研究
  • 莫愁 #188 · 2024-12-19 10:55:51
    学习下学习下
  • dadaa #189 · 2024-12-23 22:33:30
    厉害了我的歌
  • dadaa #190 · 2024-12-28 14:58:21
    很不错的小伙
  • 小萌娃 #191 · 2025-01-23 22:33:34
    需要可以试试看下
  • aguo2005 #192 · 2025-02-06 23:06:04
    好东西,有插件类型的吗! 这样更好。
  • 315316 #193 · 2025-02-09 11:55:46
    好东西 感谢分享!!!!
  • yudeleishu #194 · 2025-02-14 20:28:14
    好东西,有插件类型的吗!
  • 好好学习天天向上 #195 · 2025-02-21 15:52:21
    学习一下学习一下
  • 志伟 #196 · 2025-03-07 11:33:42
    赞叹分享精神
  • a42024456 #197 · 2025-04-23 23:05:47
    这个号这个号
  • 学习好榜样 #198 · 2025-04-26 10:29:52
    我学习。努力学习。
  • 老毛虫 #199 · 2025-04-29 15:23:50
    学习下学习下 学习下学习下
  • 微信20333173 #200 · 2025-05-07 12:02:32
    学习一下,看看
  • 迅睿小白白 #201 · 2025-05-20 17:16:26
    这个可以不错这个可以不错
  • 微信20332548 #202 · 2025-05-22 23:06:02
    这个可以不错
  • 武汉强人 #203 · 2025-06-14 16:44:40
    好东西好东西
  • 曼曼 #204 · 2025-06-16 14:48:53
    赞赏您的分享精神!
  • 张某某某 #205 · 2025-06-20 23:48:14
    好东西,有插件类型的吗! 这样更好。
    好东西,有插件类型的吗! 这样更好。
  • 画不圆的圈 #206 · 2025-07-16 21:15:14
    试试看能实现吗,期待
  • 甜橙 #207 · 2025-08-12 16:21:14
    这个非常不错!
  • 橘月贰拾伍 #208 · 2025-10-18 10:15:02
    • 支持,学习一下

  • Eagle #209 · 2026-01-28 16:29:17
    • 学习下pdf预览的功能

  • SDK #210 · 2026-01-30 16:20:51
    学习学习~~学习学习~~
  • Mr.Sean #211 · 2026-05-07 15:32:08
    好东西,学习学习
  • 雾寻山 #212 · 2026-07-31 10:34:30
    赞叹分享精神

迅睿系统漏洞

GeoSeo收录宝
GeoSeo收录宝(2026-09-01)
升级 ai智能发布功能 升级 支持8国语言后端设置和前端输出功能 ...
Word发布批量上传
Word发布批量上传(2026-08-31)
版本覆盖问题重发
多语言翻译Seolang
多语言翻译Seolang(2026-08-31)
新增 LLM 大模型对话翻译模块 配置层强类型化重构 URL 模...
自定义存储
自定义存储(2026-08-30)
同步服务器端通用版实现,统一管理端、CMS 端和浏览器直传的提示与错...
GeoSeo工具箱
GeoSeo工具箱(2026-08-29)
新增 bing推送 新增 IndexNow推送 新增 baidu...
外贸多语言建站
外贸多语言建站(2026-08-27)
新增阿里云专业版入口 新增阿里云自动识别字符格式
Querylist渐进式采集
Querylist渐进式采集(2026-08-26)
增加范围截取规则
实时任务
实时任务(2026-08-26)
补充并整理完整使用说明、历史版本更新日志,统一帮助页样式。