OFD格式文件预览解决方案

最新推荐文章于 2025-11-10 14:18:13 发布
原创 最新推荐文章于 2025-11-10 14:18:13 发布 · 1.8k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #中间件

文章讲述了项目中使用Pdfview预览PC端转换的PDF文件时遇到的跨域问题。为解决此问题，作者提出将PC端的ofd.umd.js文件转换为HTML页面部署在中台，通过拼接参数访问该页面以避免跨域限制。

问题

项目中文件预览统一采用的是pc端转pdf后在移动端上面采用Pdfview这个组件进行查看，现后端暂不支持ofd转pdf采用ofd.umd.js查看ofd文件，用WebView直接访问后端给的预览地址会出现跨域问题。

解决办法

拿到pc端预览的ofd.umd.js文件编写预览ofd文件的html页面并部署在中台上面，然后移动端只需要拼接参数访问部署好的html地址就行。

这个东西可以在网上找到

OFD实现在线预览的几种方式
01-21 3988
不使用第三方库实现OFD文件的在线预览需要更多的开发工作，尤其是在解析OFD文件和渲染页面内容方面。如果OFD文件结构较为复杂，建议结合后端解析和前端渲染的方式实现。如果对显示效果要求不高，可以考虑将OFD转换为PDF或图片，然后使用现有的预览工具。
前端OFD文件预览（vue案例cafe-ofd）
qq_30306717的博客
11-27 5998
前端OFD文件预览（vue案例cafe-ofd）
OFD如何在线查看？在线阅读预览OFD文件的三个方法
最新发布
秦凡凡的博客
11-10 668
OFD是中国自主研发的电子文档格式，类似PDF，常用于电子发票等正式文件。查看方法：1）使用iLoveOFD网站在线阅读；2）通过该网站转换为PDF格式；3）下载专用OFD阅读器软件。这些方法均可实现快速查看OFD文件，其中在线转换方式每天提供5次免费转换服务，能满足大多数用户需求。所有方案均确保文件安全，部分支持完全离线操作。
OFD文件使用插件ofdViewer预览
02-07
OFD文件使用插件ofdViewer预览(前端方式) 操作简单
ofd.js:OFD板式文件html渲染方案及组件
04-12
ofd.js 在使用ofd.js前请务必悉知 目前方案采用：svg及canvas渲染实现，百分百纯前端渲染 效果： Usage with npm npm i ofd.js import {parseOfdDocument, renderOfd} from "ofd.js"; 其中ofd传入的file支持本地文件、二进制或者url、screenWidth为屏幕宽度 parseOfdDocument({ ofd: file, success(res) { //输出ofd每页的div const divs = renderOfd(screenWidth, res); //获取签章div的信息, 具体看demo for(let ele of document.getElementsBy
ofd文件预览
JAVA小章的博客
06-14 734
文件预览为ofd时走ofd预览，否则走正常的预览文件接口。将文件引入到src下。资源在笔记里面找一下。
【免费下载】 OFD文件预览插件ofdViewer使用指南
gitblog_09807的博客
09-06 3550
OFD文件预览插件ofdViewer使用指南 【下载地址】OFD文件预览插件ofdViewer使用指南 OFD文件预览插件ofdViewer使用指南本仓库提供了一个用于前端预览OFD文件的插件——ofdViewer 项目地址: h...
精选资源
大家都在用的ofd文件预览插件
04-25
标题提到的"大家都在用的ofd文件预览插件"，显然是针对开发者或者用户们提供的一种方便查看OFD文件的工具，它使得不支持OFD格式的应用程序也能进行预览。 这个预览插件的核心功能在于提供OFD文件的解析和渲染能力，...
OFD格式文件的在线预览解决方案
在线预览插件通常是嵌入到网页中，让用户无需下载文件即可在浏览器内直接查看OFD文件内容。该插件通常会提供如下功能： 1. 文件上传：用户可以通过网页界面上传本地的OFD文件到服务器。 2. 浏览功能：用户可以在...
ofd后缀文件预览3,cnofd.umd.min.js
07-03
通过cnofd.umd.min.js，开发者可以较为容易地将OFD文件预览功能集成到自己的Web应用中。它可能还提供了一些API供开发者使用，以便在Web页面上更灵活地控制OFD文档的显示和行为。 值得注意的是，由于cnofd.umd.min....
ue2 cafe-ofd实现ofd格式文件预览 文字不显示
08-27
在实现 OFD 格式文件预览功能时，文字内容无法正常显示的问题可能由多种因素导致，包括字体缺失、编码问题、渲染引擎支持不足或文件结构异常等。以下是一些排查与解决的方案： ### 问题排查步骤 1. **检查 OFD ...
前端ofd在线预览-showofd
10-26
前端实现ofd在线预览，打开shouofd.html即可进行测试。因通过后端ofd转pdf导致签章消失，才转战前端解决。
OFD 文件离线预览--亲测有效
03-30
ofd 文件打开 ofd 文件预览
OFD文件查看工具，支持查看ofd文件
12-10
编写代码时，需要读写ofd文件，免不了要查看检查内容。 OFD文件查看工具，支持查看ofd文件，经过验证，可以正常使用。 之前在网站上找到对应工具，这个非常可靠。
精选资源
前端ofd预览插件使用
04-16
市面上有一些开源和商业的前端OFD预览解决方案，例如"showofd"。这个插件可能提供了API接口和示例代码，用于在网页中嵌入OFD文件的预览功能。在选择插件时，需要考虑兼容性、性能、文档质量以及社区支持等因素。 2...
立即可用的OFD前端预览插件
weixin_35390379的博客
10-14 6774
本文还有配套的精品资源，点击获取 简介：OFD（Open Fixed Document Format）是一种广泛应用于中国政府部门和企业的开放文档格式。本文介绍了一款纯前端的OFD预览插件，允许用户在现代浏览器中直接查看OFD文件，无需后端处理或安装额外软件。插件基于JavaScript实现，兼容主流浏览器如Chrome、Firefox、Safari和Edge，并可轻松集成...
ofd后缀的文件预览,路径预览，上传预览，下载预览
jyf_568的博客
11-19 479
【代码】ofd后缀的文件预览,路径预览，上传预览，下载预览。
vue前端预览ofd格式的文件
weixin_44668908的博客
07-08 3585
vue前端预览ofd格式的文件
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值