2023年12月8日发(作者：)

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

ofd文件在线预览

对于ofd文件在线预览，有两种预览的解决思路：

1.通过后端将ofd文件转为pdf、png等进行预览

2.前端使用插件直接进行预览

两种方式均使用开源的插件实现。

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

使用开源的进行ofd文件的转换。

插件支持：

OFD => PDF

OFD => 图片

OFD => SVG(矢量图形)

OFD => HTML(SVG实现)### 引入依赖

引入依赖

ofdrw-converter

1.15.4

编写代码进行转换

public class Test{

public static void main(String[] args) {

// 1. 文件输入路径

Path src = ("D:");

// 2. 转换后文件输出位置

Path dst = ("D:");

try {

// 3. OFD转换PDF

(src, dst)

} catch (GeneralConvertException e) {

// GeneralConvertException 类型错误表明转换过程中发生异常

tackTrace();

}

}

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

插件下载地址:

前端集成ofd预览插件后，预览方式为：

//直接在插件后拼接上ofd文件的地址即可

var url = '/ofdViewer/?file=' + fileUrl