ofd在线预览功能开发 前端
参考地址:OFD格式在线浏览 开发实现 - zwbsoft - 博客园
这里面都写的很详细了,唯一一个地方,就是
url('http://localhost:54451/api/OnlineView/GetFileBytes?filename='+filename)
此处的url()我一度陷入误区,以为它是一个现成的url()找了半天没找到,后面感觉应该是作者自己封装的方法,此方法的作用就在于,把后端接口返回的文件流转化为File对象,鉴于此,我自己写了参考代码如下
url(fileStream){//此处我转为OFD文件,所以type是'zip'let _file = new window.File([fileStream], 'FileName', {type: 'zip'})return _file;
}
注:接口的responseType = 'blob'
参考地址:接口返回文件流,转为blob和file对象_MG516的博客-CSDN博客
具体的功能包和依赖包,自己去github上下载吧
ofd.js地址:https://github.com/DLTech21/ofd.js
可能有点凌乱哈,有什么问题可以留言沟通!
ofd在线预览功能开发 前端相关推荐
- 前端ppt\word等等文件实现在线预览功能
前端ppt\word等等文件实现在线预览功能 方法1:https://view.xdocin.com/view?src=你的文档地址 10天免费 方法2:https://view.officeapps ...
- 前端【vue】实现文档在线预览功能,在线预览pdf、word、xls、ppt等office文件
前端江太公 前端实现文档在线预览功能 最直接的就是使用XDOC 文档云服务 XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本.带参数文本.html文本.json文本.公 ...
- office 文档 在线预览功能实现(word,excel,pdf,ppt等多种格式)——使用https://view.xdocin.com/view 提示文档过期——基础积累
web实现office文档在线预览功能--基础积累 最近遇到一个需求,就是要实现多种文档链接的在线预览,最简单的方式就是通过window.open(url地址)的方式来实现. 但是如果要求是在一个弹窗 ...
- word转图片 java_Java 利用LibreOffice将Office文档转换成 PDF,进而转图片,实现在线预览功能...
项目中需要将 Office 文档上传并实现在线预览,用到了 LibreOffice 将 Office 文档转换为 PDF 文档,然后再用 pdfbox 将 PDF 转为图片. 本文介绍借助 Libre ...
- ofd能在线播放吗 linux,看到OFD格式就头大?OFD在线预览很简单
原标题:看到OFD格式就头大?OFD在线预览很简单 OFD格式是什么?OFD格式在办公中并不算常见,但一旦遇到,OFD格式怎么打开预览让不少人头大.OFD是国内电子文档归档的标准格式,通俗来说,就类似 ...
- window下实现在线预览功能
window下实现在线预览功能 最近用到文档在线预览功能,之前没接触过,一切从零开始,整了一段时间终于实现,现在把方法分享给大家! 一.主要思路 先将其他格式的文档(office文档.txt.图片等等 ...
- Java实现在线预览功能
java实现在线预览功能,需要用到 jacob.dll jacob.jar 预览pdf所需js pdfobject.min.js 将上传文件转为pdf保存. <divclass=&quo ...
- 快速实现word、excel、ppt、txt等办公文件在线预览功能(Java版)
点击关注公众号,实用技术文章及时了解 来源:blog.csdn.net/weixin_40986713/ article/details/109527294 java实现办公文件在线预览功能是一个大家 ...
- java零碎要点010---Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
最新文章
- Laravel经常使用的语法总结
- 【maven插件】maven-resources-plugin
- 腾讯TEG校招群聊天记录曝光,速来围观!
- JQuery-Dialog(弹出窗口,遮蔽窗口)
- 【链接保存】十分钟上手sklearn:特征提取,常用模型,交叉验证
- iOS开发总结(A0)- Localization
- Linux内核原理与分析-第二周作业
- oracle下的inventory文件夹,oracle INVENTORY 详解
- 买房后每月还贷是什么感觉?
- xsl判断节点存在_[剑指offer]25删除链表中重复的节点
- Uipath打包流程为.nupkg文件
- 程序员脱离苦海就靠这些绝招了了了。。。
- OSChina 周三乱弹 ——找女朋友都是双胞胎
- css入门1 css简介
- Redisson(2-1)分布式锁实现对比 VS Java的ReentrantLock之tryLock
- Assigning Workstations
- AtCoder Beginner Contest 126
- 如何做一份适用的定向地图
- android状态栏上显示图标大全,状态栏中的Android应用图标
- 老男孩python培训课件
热门文章
- android开发笔记之锁屏界面未读短信未接来电提醒(android 4.4)
- 数据库mysql工序_网易杭研总结:数据库高可用技术之道(4)
- Linux基本命令---Linux进程管理指令
- elastica php yii,Yii 1.1.*集成elasticsearch php 客户端Elastica
- php es使用,PHP的ES入门(一)—— Index的创建和删除
- 更换elasticsearch数据存储目录
- Exchange报错:452 4.3.1 Insufficient system resources
- mysql get seq no_mysql的存储怎么写?帮我看看我这个写的哪里有问题?谢谢
- 【SG建模同步】基于system generator的QAM载波同步和时间同步FPGA建模
- ArcGIS地理数据处理高级教程_002_2初识地理处理工具