ofd文件轉pdf

主要后端使用Java實現，前端可隨意搭配http請求

添加依賴：

        <!-- OFD解析與轉換庫 --><dependency><groupId>org.ofdrw</groupId><artifactId>ofdrw-converter</artifactId><version>1.17.9</version></dependency><!-- PDFBox用于PDF生成 --><dependency><groupId>org.apache.pdfbox</groupId><artifactId>pdfbox</artifactId><version>2.0.29</version></dependency>

控制層代碼實現：

@CrossOrigin
@RestController
@RequestMapping("/tool")
public class ToolsController {@Autowiredprivate ToolsService toolsService;/*** 批量轉換OFD文件為PDF并打包下載*/@PostMapping("/batchofd2pdf")public ResponseEntity<byte[]> batchConvert(@RequestParam("files") MultipartFile[] ofdFiles) {if (ofdFiles == null || ofdFiles.length == 0) {return new ResponseEntity<>(HttpStatus.BAD_REQUEST);}try {// 構建文件名到輸入流的映射Map<String, InputStream> fileMap = new HashMap<>();for (MultipartFile file : ofdFiles) {if (!file.isEmpty() && file.getOriginalFilename().toLowerCase().endsWith(".ofd")) {fileMap.put(file.getOriginalFilename(), file.getInputStream());}}// 執行批量轉換Map<String, byte[]> pdfFiles = toolsService.batchConvert(fileMap);// 將所有PDF文件打包成ZIPtry (ByteArrayOutputStream byteOut = new ByteArrayOutputStream();ZipOutputStream zipOut = new ZipOutputStream(byteOut)) {for (Map.Entry<String, byte[]> entry : pdfFiles.entrySet()) {zipOut.putNextEntry(new ZipEntry(entry.getKey()));zipOut.write(entry.getValue());zipOut.closeEntry();}zipOut.finish();// 設置響應頭，返回ZIP文件HttpHeaders headers = new HttpHeaders();headers.setContentDispositionFormData("attachment", "ofd_converted_pdfs.zip");headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);return new ResponseEntity<>(byteOut.toByteArray(), headers, HttpStatus.OK);}} catch (Exception e) {e.printStackTrace();return new ResponseEntity<>(HttpStatus.INTERNAL_SERVER_ERROR);}}
}

service層代碼實現

package com.tool.service;import java.io.ByteArrayOutputStream;
import java.io.InputStream;
import java.util.Map;
import java.util.concurrent.ExecutionException;public interface ToolsService {Map<String,byte[]> batchConvert(Map<String, InputStream> fileMap) throws InterruptedException, ExecutionException;
}

@Service
public class ToolsServiceImpl implements ToolsService {// 線程池用于并行處理轉換任務private final ExecutorService executorService = Executors.newFixedThreadPool(Runtime.getRuntime().availableProcessors() + 1);/*** 單個文件轉換：輸入流到輸出流*/public void convertOfdToPdf(InputStream ofdInputStream, OutputStream pdfOutputStream) throws Exception {ConvertHelper.toPdf(ofdInputStream, pdfOutputStream);}/*** 批量轉換多個OFD文件* @param fileMap 文件名到輸入流的映射* @return 文件名到PDF字節數組的映射*/@Overridepublic Map<String, byte[]> batchConvert(Map<String, InputStream> fileMap) throws InterruptedException, ExecutionException {Map<String, Future<byte[]>> futures = new HashMap<>();// 提交所有轉換任務到線程池for (Map.Entry<String, InputStream> entry : fileMap.entrySet()) {String fileName = entry.getKey();InputStream inputStream = entry.getValue();futures.put(fileName, executorService.submit(() -> {try (ByteArrayOutputStream outputStream = new ByteArrayOutputStream()) {convertOfdToPdf(inputStream, outputStream);return outputStream.toByteArray();} finally {inputStream.close();}}));}// 收集轉換結果Map<String, byte[]> results = new HashMap<>();for (Map.Entry<String, Future<byte[]>> entry : futures.entrySet()) {String fileName = entry.getKey().replace(".ofd", ".pdf");results.put(fileName, entry.getValue().get());}return results;}/*** 應用關閉時關閉線程池*/public void shutdownExecutor() {executorService.shutdown();}
}

前端實現：

<template><div class="container mx-auto px-4 py-8 max-w-6xl"><!-- 頁面標題 --><div class="text-center mb-8"><h1 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-gray-800 mb-2">OFD轉PDF批量轉換</h1><p class="text-gray-500">支持多文件上傳，一鍵批量轉換OFD文件為PDF格式</p></div><!-- 上傳區域 --><div class="p-6" style="margin: 10px 10px 10px 10px;"><el-uploadref="upload"class="upload-area"action="#":http-request="handleUpload":on-change="handleFileChange":on-remove="handleFileRemove":before-upload="beforeUpload":file-list="fileList":auto-upload="false"multipleaccept=".ofd"><el-button type="primary" :icon="Upload">選擇文件</el-button><template #tip><div class="el-upload__tip text-sm text-gray-500">支持上傳多個文件</div></template></el-upload></div><!-- 文件列表和進度 --><el-card v-if="fileList.length > 0" class="mb-6 transition-all duration-300 hover:shadow-md"><div class="p-4 border-b"><h2 class="font-semibold text-gray-800">文件列表</h2></div><el-table:data="fileList"bordersize="small"class="mb-0"><el-table-column prop="name" label="文件名" width="350"></el-table-column><el-table-column prop="size" label="大小" width="120"><template #default="scope">{{ formatFileSize(scope.row.size) }}</template></el-table-column><el-table-column prop="status" label="狀態" width="150"><template #default="scope"><el-tag:type="scope.row.status === 'ready' ? 'info' :scope.row.status === 'waiting' ? 'info' :scope.row.status === 'converting' ? 'warning' :scope.row.status === 'success' ? 'success' : 'danger'"size="small"><el-icon v-if="scope.row.status === 'converting'" class="mr-1"><Loading /></el-icon>{{ statusMap[scope.row.status] }}</el-tag></template></el-table-column><el-table-column label="進度" width="200"><template #default="scope"><el-progressv-if="scope.row.status === 'converting'":percentage="scope.row.progress"stroke-width="6"size="small"></el-progress><span v-else-if="scope.row.status === 'success'">100%</span><span v-else>-</span></template></el-table-column><el-table-column label="操作" width="120"><template #default="scope"><el-buttonv-if="scope.row.status === 'success'"type="text"size="small"text-color="#165DFF"@click="downloadFile(scope.row)"><el-icon class="mr-1"><Download /></el-icon>下載</el-button><el-buttonv-else-if="scope.row.status === 'waiting' || scope.row.status === 'error'"type="text"size="small"text-color="#F53F3F"@click="handleFileRemove(scope.row)"><el-icon class="mr-1"><Delete /></el-icon>刪除</el-button><span v-else>-</span></template></el-table-column></el-table></el-card><!-- 轉換進度彈窗 --><el-dialogtitle="轉換進度"v-model="showProgressDialog":close-on-click-modal="false":show-close="false"width="500px"><div class="mb-4"><p class="text-gray-600 mb-2">總進度：{{ totalProgress }}%</p><el-progress :percentage="totalProgress" stroke-width="8"></el-progress></div><div v-for="file in fileList" :key="file.uid" class="mb-2"><div class="flex justify-between text-sm mb-1"><span>{{ file.name }}</span><span>{{ file.progress }}%</span></div><el-progress :percentage="file.progress" stroke-width="4" size="small"></el-progress></div><template #footer><el-buttontype="default"@click="cancelConversion":disabled="!isCancellable">取消轉換</el-button></template></el-dialog><!-- 轉換完成提示 --><el-dialogtitle="轉換完成"v-model="showCompleteDialog"width="400px"><div class="text-center py-4">
<!--        <el-icon class="text-5xl text-success mb-4"><CheckCircle /></el-icon>--><p>所有文件轉換已完成</p><p class="text-gray-500 mt-2">成功：{{ successCount }} 個，失敗：{{ errorCount }} 個</p></div><template #footer><div class="text-center"><el-buttontype="primary"@click="downloadAllFiles":disabled="successCount === 0"><el-icon class="mr-1"><Download /></el-icon>下載全部</el-button><el-buttontype="default"@click="showCompleteDialog = false">關閉</el-button></div></template></el-dialog></div>
</template><script setup>
import { ref, computed, onBeforeUnmount } from 'vue';
import {DocumentAdd, Upload, Loading, Delete, Download
} from '@element-plus/icons-vue';
import {ElButton, ElMessage, ElNotification} from 'element-plus';
import axios from 'axios';// 文件列表
const fileList = ref([]);
// 上傳狀態
const isUploading = ref(false);
// 轉換狀態
const isConverting = ref(false);
// 進度彈窗顯示
const showProgressDialog = ref(false);
// 完成彈窗顯示
const showCompleteDialog = ref(false);
// 上傳組件引用
const upload = ref(null);
// 轉換請求取消令牌
const cancelTokenSource = ref(null);// 狀態映射
const statusMap = {ready: '等待轉換',waiting: '等待轉換',converting: '轉換中',success: '轉換成功',error: '轉換失敗'
};// 修復：轉換按鈕是否禁用的計算屬性
const isConvertDisabled = computed(() => {// 當沒有文件、正在上傳或正在轉換時禁用return fileList.value.length === 0 || isUploading.value || isConverting.value;
});// 計算屬性：總進度
const totalProgress = computed(() => {if (fileList.value.length === 0) return 0;const sum = fileList.value.reduce((acc, file) => acc + file.progress, 0);return Math.round(sum / fileList.value.length);
});// 計算屬性：成功和失敗數量
const successCount = computed(() => {return fileList.value.filter(file => file.status === 'success').length;
});const errorCount = computed(() => {return fileList.value.filter(file => file.status === 'error').length;
});// 計算屬性：是否可取消
const isCancellable = computed(() => {return isConverting.value && totalProgress.value < 100;
});// 文件大小格式化
const formatFileSize = (bytes) => {if (bytes === 0) return '0 B';const k = 1024;const sizes = ['B', 'KB', 'MB', 'GB'];const i = Math.floor(Math.log(bytes) / Math.log(k));return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
};// 上傳前檢查
const beforeUpload = (file) => {// 檢查文件類型if (file.type !== '' && !file.name.toLowerCase().endsWith('.ofd')) {ElMessage.error('請上傳OFD格式的文件');return false;}// 檢查文件大小（限制50MB）const maxSize = 50 * 1024 * 1024;if (file.size > maxSize) {ElMessage.error('文件大小不能超過50MB');return false;}return true;
};// 文件變化處理 - 修復：確保文件正確添加到列表
const handleFileChange = (file, newFileList) => {// 同步更新文件列表fileList.value = newFileList;// 為新添加的文件設置初始狀態if (!file.status) {file.status = 'waiting';file.progress = 0;file.pdfUrl = null;}
};// 移除文件
const handleFileRemove = (file) => {fileList.value = fileList.value.filter(item => item.uid !== file.uid);
};// 清空文件列表
const clearFiles = () => {fileList.value = [];if (upload.value) {upload.value.clearFiles();}
};// 處理上傳（覆蓋默認上傳行為）
const handleUpload = () => {// 實際上傳由submitUpload處理，這里只是為了滿足組件要求
};// 提交轉換 - 修復：狀態管理更清晰
const submitUpload = async () => {console.log(1)if (fileList.value.length === 0) {ElMessage.warning('請先選擇文件');return;}console.log(2)// 重置文件狀態fileList.value.forEach(file => {file.status = 'converting';file.progress = 0;});console.log(3)// 更新狀態變量isUploading.value = true;isConverting.value = true;showProgressDialog.value = true;console.log(4)try {// 創建FormDataconst formData = new FormData();fileList.value.forEach(file => {formData.append('files', file.raw);});console.log(5)// 創建取消令牌cancelTokenSource.value = axios.CancelToken.source();console.log(6)// 模擬進度更新（實際項目中可以通過WebSocket或輪詢實現）const progressInterval = setInterval(() => {fileList.value.forEach(file => {if (file.status === 'converting' && file.progress < 100) {// 隨機增加進度，模擬真實場景const increment = Math.floor(Math.random() * 5) + 1;file.progress = Math.min(file.progress + increment, 100);}});}, 300);console.log(7)const postUrl = `http://10.60.128.250:8080/tool/batchofd2pdf`// 發送請求const response = await axios.post(postUrl, formData, {responseType: 'blob',cancelToken: cancelTokenSource.value.token,headers: {'Content-Type': 'multipart/form-data'}});console.log(8)// 清除進度模擬clearInterval(progressInterval);console.log(9)// 更新所有文件狀態為成功fileList.value.forEach(file => {file.status = 'success';file.progress = 100;// 創建下載URLfile.pdfUrl = URL.createObjectURL(response.data);});console.log(10)// 顯示完成彈窗showProgressDialog.value = false;showCompleteDialog.value = true;console.log(11)ElNotification.success({title: '轉換成功',message: `已成功轉換 ${fileList.value.length} 個文件`,duration: 3000});console.log(12)} catch (error) {if (axios.isCancel(error)) {// 取消操作fileList.value.forEach(file => {if (file.status === 'converting') {file.status = 'waiting';}});ElMessage.info('已取消轉換');} else {// 錯誤處理fileList.value.forEach(file => {if (file.status === 'converting') {file.status = 'error';}});ElMessage.error('轉換失敗：' + (error.response?.data?.message || error.message));}} finally {// 重置狀態變量console.log(14)isUploading.value = false;isConverting.value = false;showProgressDialog.value = false;console.log(15)}
};// 取消轉換
const cancelConversion = () => {if (cancelTokenSource.value) {cancelTokenSource.value.cancel('用戶取消了轉換');}
};// 下載單個文件
const downloadFile = (file) => {if (!file.pdfUrl) {ElMessage.warning('文件下載地址不存在');return;}// 創建a標簽下載const link = document.createElement('a');link.href = file.pdfUrl;link.download = file.name.replace('.ofd', '.pdf');document.body.appendChild(link);link.click();document.body.removeChild(link);
};// 下載所有文件
const downloadAllFiles = () => {// 這里應該下載ZIP包const firstPdfFile = fileList.value.find(file => file.status === 'success');if (firstPdfFile?.pdfUrl) {const link = document.createElement('a');link.href = firstPdfFile.pdfUrl;link.download = 'ofd_converted_pdfs.zip';document.body.appendChild(link);link.click();document.body.removeChild(link);showCompleteDialog.value = false;}
};// 組件卸載前清理
onBeforeUnmount(() => {// 釋放URL對象fileList.value.forEach(file => {if (file.pdfUrl) {URL.revokeObjectURL(file.pdfUrl);}});// 取消請求if (cancelTokenSource.value) {cancelTokenSource.value.cancel('組件已卸載');}
});
defineExpose({submitUpload,clearFiles
});
</script><style scoped>
.upload-area {border: 1px dashed #ccc;border-radius: 4px;padding: 20px;text-align: center;transition: border-color 0.3s;
}.upload-area:hover {border-color: #409eff;
}.upload-dropzone {transition: all 0.3s ease;
}::v-deep .el-progress__text {font-size: 12px !important;
}::v-deep .el-table__row:hover {background-color: #f5f7fa !important;
}
</style>