??參考地址：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在线预览功能开发 前端的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。