参考地址: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在线预览功能开发 前端相关推荐

  1. 前端ppt\word等等文件实现在线预览功能

    前端ppt\word等等文件实现在线预览功能 方法1:https://view.xdocin.com/view?src=你的文档地址 10天免费 方法2:https://view.officeapps ...

  2. 前端【vue】实现文档在线预览功能,在线预览pdf、word、xls、ppt等office文件

    前端江太公 前端实现文档在线预览功能 最直接的就是使用XDOC 文档云服务 XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本.带参数文本.html文本.json文本.公 ...

  3. office 文档 在线预览功能实现(word,excel,pdf,ppt等多种格式)——使用https://view.xdocin.com/view 提示文档过期——基础积累

    web实现office文档在线预览功能--基础积累 最近遇到一个需求,就是要实现多种文档链接的在线预览,最简单的方式就是通过window.open(url地址)的方式来实现. 但是如果要求是在一个弹窗 ...

  4. word转图片 java_Java 利用LibreOffice将Office文档转换成 PDF,进而转图片,实现在线预览功能...

    项目中需要将 Office 文档上传并实现在线预览,用到了 LibreOffice 将 Office 文档转换为 PDF 文档,然后再用 pdfbox 将 PDF 转为图片. 本文介绍借助 Libre ...

  5. ofd能在线播放吗 linux,看到OFD格式就头大?OFD在线预览很简单

    原标题:看到OFD格式就头大?OFD在线预览很简单 OFD格式是什么?OFD格式在办公中并不算常见,但一旦遇到,OFD格式怎么打开预览让不少人头大.OFD是国内电子文档归档的标准格式,通俗来说,就类似 ...

  6. window下实现在线预览功能

    window下实现在线预览功能 最近用到文档在线预览功能,之前没接触过,一切从零开始,整了一段时间终于实现,现在把方法分享给大家! 一.主要思路 先将其他格式的文档(office文档.txt.图片等等 ...

  7. Java实现在线预览功能

    java实现在线预览功能,需要用到  jacob.dll jacob.jar   预览pdf所需js  pdfobject.min.js 将上传文件转为pdf保存. <divclass=&quo ...

  8. 快速实现word、excel、ppt、txt等办公文件在线预览功能(Java版)

    点击关注公众号,实用技术文章及时了解 来源:blog.csdn.net/weixin_40986713/ article/details/109527294 java实现办公文件在线预览功能是一个大家 ...

  9. java零碎要点010---Java实现office文档与pdf文档的在线预览功能

    最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...

最新文章

  1. Laravel经常使用的语法总结
  2. 【maven插件】maven-resources-plugin
  3. 腾讯TEG校招群聊天记录曝光,速来围观!
  4. JQuery-Dialog(弹出窗口,遮蔽窗口)
  5. 【链接保存】十分钟上手sklearn:特征提取,常用模型,交叉验证
  6. iOS开发总结(A0)- Localization
  7. Linux内核原理与分析-第二周作业
  8. oracle下的inventory文件夹,oracle INVENTORY 详解
  9. 买房后每月还贷是什么感觉?
  10. xsl判断节点存在_[剑指offer]25删除链表中重复的节点
  11. Uipath打包流程为.nupkg文件
  12. 程序员脱离苦海就靠这些绝招了了了。。。
  13. OSChina 周三乱弹 ——找女朋友都是双胞胎
  14. css入门1 css简介
  15. Redisson(2-1)分布式锁实现对比 VS Java的ReentrantLock之tryLock
  16. Assigning Workstations
  17. AtCoder Beginner Contest 126
  18. 如何做一份适用的定向地图
  19. android状态栏上显示图标大全,状态栏中的Android应用图标
  20. 老男孩python培训课件

热门文章

  1. android开发笔记之锁屏界面未读短信未接来电提醒(android 4.4)
  2. 数据库mysql工序_网易杭研总结:数据库高可用技术之道(4)
  3. Linux基本命令---Linux进程管理指令
  4. elastica php yii,Yii 1.1.*集成elasticsearch php 客户端Elastica
  5. php es使用,PHP的ES入门(一)—— Index的创建和删除
  6. 更换elasticsearch数据存储目录
  7. Exchange报错:452 4.3.1 Insufficient system resources
  8. mysql get seq no_mysql的存储怎么写?帮我看看我这个写的哪里有问题?谢谢
  9. 【SG建模同步】基于system generator的QAM载波同步和时间同步FPGA建模
  10. ArcGIS地理数据处理高级教程_002_2初识地理处理工具