使用KKFILEView预览OFD格式文件遇到的坑

已于 2024-05-22 16:23:36 修改
阅读量2.4k 收藏
点赞数 3
分类专栏： Java Spring 文章标签： java kkfileview ofd 预览 跨域
于 2024-05-22 16:21:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lilu_leo/article/details/139123001
版权

因业务需求，需要在线预览OFD格式文件，所以需要升级kkfileview，初步升级为4.0.0版本，

结果发现有跨域访问问题，见下图

尝试各种跨域解决方案，均不好使，后去官网kkFileView: 使用spring boot打造文件文档在线预览项目解决方案，支持doc、docx、ppt、pptx、wps、xls、xlsx、zip、rar、ofd、xmind、bpmn 、eml 、epub、3ds、dwg、psd 、mp4、mp3以及众多类文本类型文件在线预览

发现，在4.2版本之前，预览OFD格式文件，确实存在预览OFD文件跨域问题，升级使用4.2以上版本即可解决该问题

遇到问题，还是需要多从官网找答案，自己走了很多弯路，做了很多无用功，以此文记录

docker-compose 部署kkFileView，多服务器使用，并解决跨域
帅气凡的博客
12-01 1981
文件在线预览，支持所有类型文件在线预览，docker-compose 部署kkFileView，并解决跨域，多服务器使用
kkFileView在线预览插件(支持主流办公文档的doc,docx,Excel,pdf,txt,zip,rar,图片在线预览)
02-02
1、支持windows、linux、centos主流平台； 2、插件开箱即用，直接运行startup.bat； 3、只需基础的jdk8 4、附测试用例
解决kkFileView4.4.0版本pdf、word不能预览问题
热门推荐
weixin_48568302的博客
02-19 1万+
使用的是http下载流url预览，遇到pdf、word不能预览问题，解决kkFileView4.4.0版本pdf、word不能预览问题
kkFileView同名文件修改内容后预览未更新的问题
最新发布
johnnyandcode的博客
04-17 372
kkFileView解决同名文件更新内容后，预览的缓存未更新的问题。
使用Nginx反向代理KKFileView遇到问题
傲慢的上校的专栏
07-01 9573
在KKFileView的config文件中中，修改application.properties文件。如果遇到跨域访问问题（Strict-origin-when-cross-origin）配置完成，保存成功后，启动KKFileView，在打开测试界面时，请注意。在KKFileView官网上，关于使用Nginx代理，建议配置如下。在Nginx的conf文件夹中修改 nginx.conf ,新加。可能时网络访问关系没有开，也可以在Nginx中加上相关配置。我使用的版本时4.2.1，发现 没有。
使用kkfileview实现word、pdf文档预览
weixin_38863607的博客
04-18 1896
使用kkfileview实现项目中word\pdf等文档的预览功能
kkFileView文件预览Windows部署及踩到的坑坑
weixin_44954504的博客
03-02 6266
其实项目启动，前端写引入项目即可实现文件预览，但是，每次还得打开idea并且启动项目，对于我来说，简直不能忍受，通过查阅文档，发现在历史版本中竟然提供了。首先想到的是阿里云镜像，将对应jar包，放在本地仓库repository，然鹅，没有卵用，依赖倒是引进来了，代码仍旧一片血红。源码下载之后，导入maven依赖，不知道是不是我的网络问题，aspose-cad包始终导不下来。进入官网，尽管很慢，但仍找到了jar包，导入，成功！再次双击startup.bat，很好，不出意外的话又出意外了，查看日志。
kkfileview部署踩坑记录——kkfile部署启动失败、预览出错、乱码问题的处理
Huathy的博客
05-10 4183
为使系统所有用户都能使用该字体，需要给字体访问权限，进入解压后的目录，执行以下命令后重启服务。依次执行 mkfontscale 、mkfontdir 、fc-cache 使字体生效。由于kkfileView在linux上默认使用openOffice来实现转换。解压至 /usr/share/fonts 目录下。改用LibreOffice来实现。
kkfileview Word文件预览乱码异常问题
qq_53930044的博客
01-15 2728
kkfileview Word文件预览乱码异常问题
ofd文件预览
qq_36092525的博客
02-13 608
ofd文件预览
ofd文件格式预览，前端框架不是vue
09-13
把包引用到项目中。 预览地址： http://localhost:8022/showofd/showofd.html?file=http://localhost:8022/ofdViewer/ofd/0004.ofd 如果提示打开失败，在IIS上MIME类型...文件扩展名：.ofd MIME类型：application/ofd
kkFileView-3.5.1.tar.gz
05-17
一个在线文件预览的工具，官网没有直接下载的，只有下载后需要自己编译的，这个是编译过的
前端预览ofd文件，构建ofd.js组件库
06-09
在实际应用中，文件格式的兼容性和稳定性是关键，因此这样的修复对于提高用户体验至关重要。 另外，针对“印章显示问题”的修复，意味着`ofd.js`还考虑到了OFD文档中常见的印章元素的正确渲染。在OFD文件中，印章...
OFD 文件离线预览--亲测有效
03-30
OFD文件，全称为“开放式文档格式”，是中国国家制定的一种电子文档标准，旨在替代传统的PDF格式，用于存储和交换各种类型的文档。这种格式在政府、企业和个人用户中越来越普及，因为它具有良好的安全性、稳定性以及...
OFD文件使用插件ofdViewer预览
02-07
在IT行业中，OFD（Open Fixed Document Format）是一种由中国国家标准化管理委员会制定的电子文档格式，主要用于替代PDF，实现国产化、安全化的电子文档存储和交换。本篇将重点介绍如何利用JavaScript和Vue框架，...
在线文件预览kkFileView
05-26
2. **文件解析**：对于各种文件格式，kkFileView需要相应的库来解析文件内容。例如，Apache POI用于处理Microsoft Office文档（doc、xls、ppt等），Apache PDFBox用于处理PDF，FreeCAD或者AutoDWG库可能用于处理DWG...
关于使用kkFileView - 在线文件预览，预览报错的情况
weixin_42947972的博客
06-25 4252
kkFileView在线预览报错
kkfileview
猿是人类的好朋友
01-11 637
https://kkfileview.keking.cn/ office全套在线预览 https://kkfileview.keking.cn/zh-cn/docs/production.html
kkfileView
Blue的博客
07-19 2913
kkFileView是一个基于Spring Boot框架构建的文件文档在线预览解决方案，它提供了广泛的文件类型支持、易部署性、跨平台服务、二次开发友好等多种特性。
kkfileview 浏览ofd时签章无法浏览
03-18
### 关于 KKFileView 浏览 OFD 文件时签章无法显示的解决方案 在使用 KKFileView 预览 OFD 文件的过程中，可能会遇到签章信息不显示的问题。这一现象可能由多种原因引起，包括但不限于前端渲染逻辑缺失、后端数据处理不当或文件本身结构不符合标准。 #### 原因分析 1. **前端渲染问题** 如果前端未正确解析并渲染 OFD 文件中的签章信息，则可能导致签章区域为空白状态[^1]。 2. **后端数据传输不足** 后端返回的数据中缺少必要的签章元信息（如位置、大小、样式等），也可能导致前端无法正常加载签章内容[^4]。 3. **OFD 文件格式兼容性** 若 OFD 文件本身的 Signatures.xml 或其他关联文件存在错误或被修改过，则会破坏签章与文档内容之间的绑定关系，从而影响签章的可视化呈现[^3]。 #### 解决方案 ##### 方法一：完善前端渲染逻辑 确保前端框架能够正确读取和解析 OFD 文件内的签章信息。可以通过引入专门用于处理 OFD 的 JavaScript 库来增强功能支持，例如 `ofd.js` 提供了一些基础工具函数可以帮助修复已知 bug 并优化签章显示效果。 以下是基于 `ofd.js` 调整的一个简单示例代码片段： ```javascript // 加载 OFD 文件并初始化签章模块 function loadOfdWithSeal(fileUrl) { const viewer = new OfdViewer(); viewer.load(fileUrl, (data) => { if (!data.signatures || data.signatures.length === 0) { console.warn('No signatures found in the document.'); return; } // 渲染每一个签章到页面上 data.signatures.forEach((sigInfo) => { renderSignature(sigInfo); }); }); } // 将单个签章绘制至画布或其他容器内 function renderSignature(signatureData) { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // 设置画布尺寸匹配签章图像 canvas.width = signatureData.imageWidth; canvas.height = signatureData.imageHeight; // 绘制签章图片或者文字描述 if (signatureData.imageUrl) { const img = new Image(); img.src = signatureData.imageUrl; img.onload = () => { ctx.drawImage(img, 0, 0); }; } else { ctx.fillStyle = 'black'; ctx.font = 'bold 18px Arial'; ctx.fillText(`Signed by ${signatureData.author}`, 10, 20); } document.body.appendChild(canvas); // 添加到 DOM 中 } ``` ##### 方法二：调整后端服务配置 确认服务器端是否提供了完整的签章元数据给客户端调用。对于某些特定场景下的跨域请求失败情况，建议按照官方推荐的方式设置 CORS 头部字段允许合法域名访问资源： ```java @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/**") // 替换为实际 API 接口路径 .allowedOrigins("*") .allowedMethods("GET", "POST", "PUT", "DELETE"); } } ``` 同时注意检查上传下来的 OFD 文件是否有损坏迹象，尤其是涉及多次编辑操作之后保存下来的新版本文件[^5]。 --- ### 总结 通过改进前端渲染机制以及修正后台接口响应内容两方面入手可以有效改善 KKFileView 展示 OFD 文件期间出现的签章丢失状况。具体实施过程需结合实际情况灵活运用上述提到的技术手段加以调试和完善。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值