From eb00385d7664c92439ca5c7aabe4e2d44ceb79e7 Mon Sep 17 00:00:00 2001 From: kl Date: Mon, 28 Dec 2020 13:36:08 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0index=E6=8E=A5=E5=85=A5?= =?UTF-8?q?=E6=BC=94=E7=A4=BA=E7=95=8C=E9=9D=A2UI=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- server/src/main/resources/web/index.ftl | 225 ++++++++++++------------ 1 file changed, 110 insertions(+), 115 deletions(-) diff --git a/server/src/main/resources/web/index.ftl b/server/src/main/resources/web/index.ftl index e507a9c6d..0e9992a76 100644 --- a/server/src/main/resources/web/index.ftl +++ b/server/src/main/resources/web/index.ftl @@ -2,51 +2,49 @@ - - + + kkFileView演示首页 - - - - - + + + + + - + -

文件预览项目接入和测试界面

-
+
+

文件预览项目接入和测试界面

+

- + 接入说明

-
-
-
- 如果你的项目需要接入文件预览项目，达到对docx、excel、ppt、jpg等文件的预览效果，那么通过在你的项目中加入下面的代码就可以 - 成功实现： - 
-var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
-window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(base64Encode(url)));
-
-
-
- 新增多图片同时预览功能，接口如下： - 
-var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
-window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(base64Encode(fileUrl)));
-
-
+
+
+ 如果你的项目需要接入文件预览项目，达到对docx、excel、ppt、jpg等文件的预览效果，那么通过在你的项目中加入下面的代码就可以 + 成功实现： + 
+                    var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
+                    window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(base64Encode(url)));
+
+
+
+ 新增多图片同时预览功能，接口如下： + 
+                    var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
+                    window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(base64Encode(fileUrl)));
+
@@ -59,104 +57,100 @@ window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(bas
-
-
-
-
- - -
-
-
-
-
+
+
+
+ + +
+
+
+

- - 更新记录 + + 发版记录

-
-
-
- 2020年12月27日 ：
- 2020年年终大版本更新，架构全面设计，代码全面重构，代码质量全面提升，二次开发更便捷，欢迎拉源码品鉴，提issue、pr共同建设 - 1. 架构模块调整,大量的代码重构，代码质量提升N个等级，欢迎品鉴
- 2. 增强XML文件预览效果，新增XML文档数结构预览
- 3. 新增markdown文件预览支持，预览支持md渲染和源文本切换支持
- 4. 切换底层web server为jetty，解决这个issue：#issues/168
- 5. 引入cpdetector，解决文件编码识别问题
- 6. url采用base64+urlencode双编码，彻底解决各种奇葩文件名预览问题
- 7. 新增配置项office.preview.switch.disabled，控制offic文件预览切换开关
- 8. 优化文本类型文件预览逻辑，采用Base64传输内容，避免预览时再次请求文件内容
- 9. office预览图片模式禁用图片放大效果，达到图片和pdf预览效果一致的体验
- 10. 直接代码静态设置pdfbox兼容低版本jdk，在IDEA中运行也不会有警告提示
- 11. 移除guava、hutool等非必须的工具包，减少代码体积
- 12. Office组件加载异步化，提速应用启动速度最快到5秒内
- 13. 合理设置预览消费队列的线程数
- 14. 修复压缩包里文件再次预览失败的bug
- 15. 修复图片预览的bug

+
+
+ 2020年12月27日 ：
+ 2020年年终大版本更新，架构全面设计，代码全面重构，代码质量全面提升，二次开发更便捷，欢迎拉源码品鉴，提issue、pr共同建设
+ 1. 架构模块调整,大量的代码重构，代码质量提升N个等级，欢迎品鉴
+ 2. 增强XML文件预览效果，新增XML文档数结构预览
+ 3. 新增markdown文件预览支持，预览支持md渲染和源文本切换支持
+ 4. 切换底层web server为jetty，解决这个issue：#issues/168
+ 5. 引入cpdetector，解决文件编码识别问题
+ 6. url采用base64+urlencode双编码，彻底解决各种奇葩文件名预览问题
+ 7. 新增配置项office.preview.switch.disabled，控制offic文件预览切换开关
+ 8. 优化文本类型文件预览逻辑，采用Base64传输内容，避免预览时再次请求文件内容
+ 9. office预览图片模式禁用图片放大效果，达到图片和pdf预览效果一致的体验
+ 10. 直接代码静态设置pdfbox兼容低版本jdk，在IDEA中运行也不会有警告提示
+ 11. 移除guava、hutool等非必须的工具包，减少代码体积
+ 12. Office组件加载异步化，提速应用启动速度最快到5秒内
+ 13. 合理设置预览消费队列的线程数
+ 14. 修复压缩包里文件再次预览失败的bug
+ 15. 修复图片预览的bug

- 2020年05月20日 ：
- 1. 新增支持全局水印，并支持通过参数动态改变水印内容
- 2. 新增支持CAD文件预览
- 3. 新增base.url配置，支持使用nginx反向代理和使用context-path
- 4. 支持所有配置项支持从环境变量里读取，方便Docker镜像部署和集群中大规模使用
- 5. 支持配置限信任站点（只能预览来自信任点的文件源），保护预览服务不被滥用
- 6. 支持配置自定义缓存清理时间（cron表达式）
- 7. 全部能识别的纯文本直接预览，不用再转跳下载，如.md .java .py等
- 8. 支持配置限制转换后的PDF文件下载
- 9. 优化maven打包配置，解决 .sh 脚本可能出现换行符问题
- 10. 将前端所有CDN依赖放到本地，方便没有外网连接的用户使用
- 11. 首页评论服务由搜狐畅言切换到Gitalk
- 12. 修复url中包含特殊字符可能会引起的预览异常
- 13. 修复转换文件队列addTask异常
- 14. 修复其他已经问题
- 15. 官网建设：https://kkfileview.keking.cn
- 16. 官方Docker镜像仓库建设：https://hub.docker.com/r/keking/kkfileview

+ 2020年05月20日 ：
+ 1. 新增支持全局水印，并支持通过参数动态改变水印内容
+ 2. 新增支持CAD文件预览
+ 3. 新增base.url配置，支持使用nginx反向代理和使用context-path
+ 4. 支持所有配置项支持从环境变量里读取，方便Docker镜像部署和集群中大规模使用
+ 5. 支持配置限信任站点（只能预览来自信任点的文件源），保护预览服务不被滥用
+ 6. 支持配置自定义缓存清理时间（cron表达式）
+ 7. 全部能识别的纯文本直接预览，不用再转跳下载，如.md .java .py等
+ 8. 支持配置限制转换后的PDF文件下载
+ 9. 优化maven打包配置，解决 .sh 脚本可能出现换行符问题
+ 10. 将前端所有CDN依赖放到本地，方便没有外网连接的用户使用
+ 11. 首页评论服务由搜狐畅言切换到Gitalk
+ 12. 修复url中包含特殊字符可能会引起的预览异常
+ 13. 修复转换文件队列addTask异常
+ 14. 修复其他已经问题
+ 15. 官网建设：https://kkfileview.keking.cn
+ 16. 官方Docker镜像仓库建设：https://hub.docker.com/r/keking/kkfileview

- 2019年06月18日 ：
- 1. 支持自动清理缓存及预览文件
- 2. 支持http/https下载流url文件预览
- 3. 支持FTP url文件预览
- 4. 加入Docker构建

+ 2019年06月18日 ：
+ 1. 支持自动清理缓存及预览文件
+ 2. 支持http/https下载流url文件预览
+ 3. 支持FTP url文件预览
+ 4. 加入Docker构建

- 2019年04月08日 ：
- 1. 缓存及队列实现抽象，提供JDK和REDIS两种实现(REDIS成为可选依赖)
- 2. 打包方式提供zip和tar.gz包，并提供一键启动脚本

+ 2019年04月08日 ：
+ 1. 缓存及队列实现抽象，提供JDK和REDIS两种实现(REDIS成为可选依赖)
+ 2. 打包方式提供zip和tar.gz包，并提供一键启动脚本

- 2018年01月19日 ：
- 1. 大文件入队提前处理
- 1. 新增addTask文件转换入队接口
- 1. 采用redis队列，支持kkFIleView接口和异构系统入队两种方式

+ 2018年01月19日 ：
+ 1. 大文件入队提前处理
+ 1. 新增addTask文件转换入队接口
+ 1. 采用redis队列，支持kkFIleView接口和异构系统入队两种方式

- 2018年01月15日 ：
- 1.首页新增社会化评论框

+ 2018年01月15日 ：
+ 1.首页新增社会化评论框

- 2018年01月12日 ：
- 1.新增多图片同时预览
- 2.支持压缩包内图片轮番预览

+ 2018年01月12日 ：
+ 1.新增多图片同时预览
+ 2.支持压缩包内图片轮番预览

- 2018年01月02日 ：
- 1.修复txt等文本编码问题导致预览乱码
- 2.修复项目模块依赖引入不到的问题
- 3.新增spring boot profile，支持多环境配置
- 4.引入pdf.js预览doc等文件，支持doc标题生成pdf预览菜单，支持手机端预览

+ 2018年01月02日 ：
+ 1.修复txt等文本编码问题导致预览乱码
+ 2.修复项目模块依赖引入不到的问题
+ 3.新增spring boot profile，支持多环境配置
+ 4.引入pdf.js预览doc等文件，支持doc标题生成pdf预览菜单，支持手机端预览

- 2017年12月12日：
- 1.项目gitee开源:https://gitee.com/kekingcn/file-online-preview
- 2.项目github开源:https://github.com/kekingcn/kkFileView -
+ 2017年12月12日：
+ 1.项目gitee开源:https://gitee.com/kekingcn/file-online-preview
+ 2.项目github开源:https://github.com/kekingcn/kkFileView
+
-
+
@@ -190,9 +184,9 @@ window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(bas url: '${baseUrl}deleteFile?fileName=' + encodeURIComponent(fileName), success: function (data) { // 删除完成，刷新table - if (1 == data.code) { + if (1 === data.code) { alert(data.msg); - } else{ + } else { $('#table').bootstrapTable('refresh', {}); } }, @@ -201,6 +195,7 @@ window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(bas } }) } + $(function () { $('#table').bootstrapTable({ url: 'listFiles', @@ -211,14 +206,14 @@ window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(bas field: 'action', title: '操作' },] - }).on('pre-body.bs.table', function (e,data) { + }).on('pre-body.bs.table', function (e, data) { // 每个data添加一列用来操作 $(data).each(function (index, item) { - item.action = "预览" + - "删除"; + item.action = "预览" + + "删除"; }); return data; - }).on('post-body.bs.table', function (e,data) { + }).on('post-body.bs.table', function (e, data) { return data; }); @@ -228,12 +223,12 @@ window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(bas $(".loading_container").css("height", height).show(); } - $("#btnsubmit").click(function () { + $("#btnSubmit").click(function () { showLoadingDiv(); $("#fileUpload").ajaxSubmit({ success: function (data) { // 上传完成，刷新table - if (1 == data.code) { + if (1 === data.code) { alert(data.msg); } else { $('#table').bootstrapTable('refresh', {});