OFD格式文件预览解决方案

最新推荐文章于 2024-05-22 16:21:59 发布
最新推荐文章于 2024-05-22 16:21:59 发布
阅读量1k 收藏 6
点赞数 9
文章标签： java 中间件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/husuxing/article/details/135840167
版权

问题

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

解决办法

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

这个东西可以在网上找到

一颗顽皮的小草
关注
  • 9
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端ofd在线预览-showofd
10-26
前端实现ofd在线预览，打开shouofd.html即可进行测试。因通过后端ofd转pdf导致签章消失，才转战前端解决。
ofdViewer.js前端插件，用于在线预览ofd文件
06-16
ofdViewer.js前端插件，通过window.open(basePath + '/ofdViewer/viewer.html?file=' + fileUrl);即可在线预览ofd文件
使用KKFILEView预览OFD格式文件遇到的坑
最新发布
傲慢的上校的专栏
05-22 479
发现，在4.2版本之前，预览OFD格式文件，确实存在预览OFD文件跨域问题，升级使用4.2以上版本即可解决该问题。因业务需求，需要在线预览OFD格式文件，所以需要升级kkfileview，初步升级为4.0.0版本，尝试各种跨域解决方案，均不好使，后去。结果发现有跨域访问问题，见下图。
OFD 文件离线预览--亲测有效
03-30
ofd 文件打开 ofd 文件预览
OFD文件预览—前后端两种实现方式
loganwz的博客
09-26 8783
ofd文件在线预览 对于ofd文件在线预览，有两种预览的解决思路： 1.通过后端将ofd文件转为pdf、png等进行预览 2.前端使用插件直接进行预览 两种方式均使用开源的插件实现。 方式1：ofd文件转换后预览 使用开源的ofdrw进行ofd文件的转换。 插件支持： OFD => PDF OFD => 图片 OFD => SVG(矢量图形) OFD => HTML(SVG实现)### 引入依赖 引入依赖 <dependency> <groupId&gt
vue前端预览pdf并加水印、ofd文件，控制打印、下载、另存，vue-pdf的使用方法以及在开发中所踩过的坑合集
热门推荐
zhangzuying的博客
06-21 1万+
根据公司的实际项目需求，要求实现对pdf和ofd文件的预览，并且需要限制用户是否可以下载、打印、另存pdf、ofd文件，如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单，直接调用浏览器的预览就可以而且功能也比较全，但是一涉及到禁止用户打印、另存的话就不可以用浏览器自带的预览方式了。那就只能寻找插件来模拟了，之前在eletron-vue项目中使用过pdfjs以及vue-pdf插件，效果不是特别好
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在线预览方案评测
xdocs的博客
05-02 6496
OFD是国产版式文档格式，目前在政府公文、电子发票等方面在大力推广运用。由于格式比较新，在线预览方案并不多。 目前能找到的有：数科、XDOC、永中、ofd.js。下面针对这四个方案做一个简单评测，供大家在选型时参考。 在线预览服务地址 数科：https://www.ofd.cn/onlinePreviewXDOC：https://view.xdocin.com永中：https://www.yozodcs.com/page/example.htmlofd.js：https://51shouzu.xyz/o
原生js预览ofd文件，JavaScript
我爱丶毛爷爷的博客
11-23 2781
原生js预览ofd文件
前端OFD文件预览（vue案例cafe-ofd）
qq_30306717的博客
11-27 2716
前端OFD文件预览（vue案例cafe-ofd）
ofd文件预览
qq_36092525的博客
02-13 507
ofd文件预览
前端预览ofd文件，构建ofd.js组件库
06-09
工程基于vue实现前端预览ofd附件，修复了初始包中部分ofd打开失败问题，修复了印章显示问题。通过npm run lib 支持构建js组件库，可在原生js页面引用
OFD文件使用插件ofdViewer预览
02-07
OFD文件使用插件ofdViewer预览(前端方式) 操作简单
大家都在用的ofd文件预览插件
04-25
标题提到的"大家都在用的ofd文件预览插件"，显然是针对开发者或者用户们提供的一种方便查看OFD文件的工具，它使得不支持OFD格式的应用程序也能进行预览。 这个预览插件的核心功能在于提供OFD文件的解析和渲染能力，...
前端ofd预览插件使用
04-16
市面上有一些开源和商业的前端OFD预览解决方案，例如"showofd"。这个插件可能提供了API接口和示例代码，用于在网页中嵌入OFD文件的预览功能。在选择插件时，需要考虑兼容性、性能、文档质量以及社区支持等因素。 2...
ofd-pdf相互转换，ofd在线预览
12-28
本篇文章将详细讲解OFD与PDF之间的转换方法以及如何在线预览OFD文件。 首先，OFD是中国国家标准的电子文档格式，用于替代传统的纸质文件，具有安全性高、阅读体验好等特点。而PDF则是由Adobe公司开发的全球通用的...
基于spring boot打造文件文档在线预览项目解决方案
10-09
万能的文件预览开源项目，基本支持主流文档格式预览，支持doc、docx、ppt、pptx、wps、xls、xlsx、zip、rar、ofd、xmind、bpmn 、eml 、epub、3ds、dwg、psd 、mp4、mp3以及众多类文本类型文件在线预览。使用 spring...
使用spring boot打造文件文档在线预览项目解决方案
07-17
使用spring boot打造文件文档在线预览项目解决方案，支持doc、docx、ppt、pptx、wps、xls、xlsx、zip、rar、ofd、xmind、bpmn 、eml 、epub、3ds、dwg、psd 、mp4、mp3以及众多类文本类型文件在线预览。rest 接口...
怎么在线预览.doc，.docx，.ofd，.pdf，.wps，.cad文件以及Office文档的在线解析方式。
07-13 4647
Office文件在线预览是目前移动化办公的一种新趋势。Office在线预览指的是Office系列的文件在线查看而不依附域客户端的存在。在浏览器或者浏览器控件中可以预览查看Word、PDF、Excel、OFD、PPT等格式文档。usdoc文档在线服务正是为了解决这一问题而做出了优化的访问，充分发挥了前后端结合的优势，提供更好的阅读体验，Office在线预览指的是Office系列的文件在线查看而不依附域客户端的存在。在浏览器或者浏览器控件中可以预览查看Word、PDF、Excel、OFD、PPT等格式文档 地址
怎样使用ofd.js预览ofd文件
04-18
您可以通过以下步骤使用ofd.js预览ofd文件： 1. 在网上搜索下载ofd.js库并导入至您的项目中。 2. 在HTML文件中引用ofd.js库。 3. 在JavaScript文件中使用ofd.js提供的API打开需要预览的ofd文件，例如：ofd.Open("example.ofd")。 4. 可以通过API控制页面缩放、旋转、翻页等功能，具体使用方法请参照ofd.js的官方文档。 注意：以上仅为大致步骤，具体细节请参照ofd.js的官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值