ofd在线预览功能开发前端

最新推荐文章于 2024-04-26 11:23:30 发布

sunny_girl_lili

最新推荐文章于 2024-04-26 11:23:30 发布

阅读量926

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/sunny_girl_123/article/details/120418350

版权

8 篇文章 1 订阅

订阅专栏

参考地址：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

可能有点凌乱哈，有什么问题可以留言沟通!

关注