IPFS（InterPlanetary File System）是一个分布式的、点对点的文件系统，它可以让用户在相互信任的节点之间共享文件。@tableflip/ipfs-filexp 是一个基于 IPFS 的文件浏览器库，可以让用户在 Web 应用中浏览 IPFS 文件。
本教程将为大家讲解如何使用 @tableflip/ipfs-filexp 这个 npm 包来搭建自己的 IPFS 文件浏览器。
1. 安装
在终端中运行以下命令：
npm install @tableflip/ipfs-filexp
2. 引入
在 JavaScript 代码中引入 @tableflip/ipfs-filexp：
import createIpfsFilexp from '@tableflip/ipfs-filexp'
3. 创建浏览器
-- -------------------- ---- -------
----- ------- - -
-- ---- ----
----- ---------------------------------- --------
-- ---
--------- ----
-- ------
------ -
---------- --- --------- -------------------
----- --- --------- -----------------
-------- --- --------- ---------------
------------ --- --------- ----------------
------------ --- --------- --------------------
------------- --- --------- --------------------
------------ --- --------- --------------------
------------ --- --------- ----------------------
----------- --- --------- ----------------------
------------ --- --------- ---------------------
------------- --- --------- ---------------
----------- --- --------- ---------------
------------ --- --------- ---------------
------------ --- --------- ---------------
------------- --- --------- ---------------
--
-- ---------
-------- -------------
-
----- ------ - ------------------------------- --------4. 在网页上显示文件浏览器
以上面创建的 filexp 为参数传入即可：
document.body.append(filexp)
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----------- -------------
----- ----------------
----- ---------------------------- ------------------
----- --------------- ---------------------------- -----------------
------- --------------------------------------------------
------- --------------------------------------------------------
----- ------------------------------------------------------------------------------------ -----------------
-------
---- -
------- --
-
------- -
------- -----
-
--------
-------
------
---- ------------------
--------
----- ------- - -
----- ---------------------------------- --------
--------- ----
------ -
---------- --- --------- -------------------
----- --- --------- -----------------
-------- --- --------- ---------------
------------ --- --------- ----------------
------------ --- --------- --------------------
------------- --- --------- --------------------
------------ --- --------- --------------------
------------ --- --------- ----------------------
----------- --- --------- ----------------------
------------ --- --------- ---------------------
------------- --- --------- ---------------
----------- --- --------- ---------------
------------ --- --------- ---------------
------------ --- --------- ---------------
------------- --- --------- ---------------
--
-------- -------------
-
----- ------ - --------------------------------------------------- --------
---------
-------
-------总结
@tableflip/ipfs-filexp 是一个非常简单易用的 IPFS 文件浏览器库，可以让用户在 Web 应用中方便地查看和操作 IPFS 文件。本文通过具体的使用方法和示例代码为大家介绍了 @tableflip/ipfs-filexp 的基本用法，希望能对大家的前端开发工作有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f83238a385564ab6c09