OFD文件预览—前后端两种实现方式

最新推荐文章于 2025-10-27 11:06:44 发布

原创最新推荐文章于 2025-10-27 11:06:44 发布 · 1w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#java

Java 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了两种OFD文件在线预览的方法：一是通过后端利用ofdrw将OFD转换为PDF或图片进行预览；二是前端直接使用ofdViewer插件进行预览。两种方案均依赖开源插件实现。

ofd文件在线预览

对于ofd文件在线预览，有两种预览的解决思路：
1.通过后端将ofd文件转为pdf、png等进行预览
2.前端使用插件直接进行预览
两种方式均使用开源的插件实现。

方式1：ofd文件转换后预览

使用开源的ofdrw进行ofd文件的转换。
插件支持：

OFD => PDF
OFD => 图片
OFD => SVG(矢量图形)
OFD => HTML(SVG实现)### 引入依赖

引入依赖

<dependency>
    <groupId>org.ofdrw</groupId>
    <artifactId>ofdrw-converter</artifactId>
    <version> 1.15.4</version>
</dependency>

编写代码进行转换

public class Test{

    public static void main(String[] args) {
        // 1. 文件输入路径
        Path src = Paths.get("D:\\1.ofd");
        // 2. 转换后文件输出位置
        Path dst = Paths.get("D:\\2.pdf");
        try {
            // 3. OFD转换PDF
            ConvertHelper.toPdf(src, dst)            
        } catch (GeneralConvertException e) {
            // GeneralConvertException 类型错误表明转换过程中发生异常
            e.printStackTrace();
        }
    }

方式2：前端直接预览ofd文件

插件下载地址:ofdViewer

在这里插入图片描述
前端集成ofd预览插件后，预览方式为：

//直接在插件后拼接上ofd文件的地址即可
var url = '/ofdViewer/viewer.html?file=' + fileUrl