文章/答案/技术大牛

发布

社区首页 >问答首页 >如何仅通过纯javascript使用js-ipfs创建目录并将文件添加到ipfs

问如何仅通过纯javascript使用js-ipfs创建目录并将文件添加到ipfs
EN

Stack Overflow用户

提问于 2020-06-30 08:29:49

回答 1查看 2.2K关注 0票数 7

在我的研究中，我能找到的唯一答案是从PC上的一个目录上传多个文件。这不是我想要做的。我尝试在ipfs中创建一个目录，然后使用js-ipfs和纯javascript将新文件添加到该目录中，通常一次只添加一个文件。

我从概念上理解ipfs中的目录只是另一个文件。但我不知道如何创建该目录(文件)并将其他文件添加到其中以供以后检索，尤其是使用js-ipfs和纯javascript代码。

我没有使用node.js，因此既不是react，也不是angular或vue。

这适用于ipfs上没有目录的单个文件：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/ipfs/dist/index.min.js"></script>
</head>
<script>
    document.addEventListener('DOMContentLoaded', async () => {
        const nodeId = 'ipfs-' + Math.random()
        const node = await Ipfs.create({ repo: nodeId })
        console.log("Your node: " + nodeId)
        window.node = node
        const status = node.isOnline() ? 'online' : 'offline'
        console.log(`Node status: ${status}`)
        async function addFile () {
            for await (const { cid } of node.add('Some file content!')) {
                console.log('successfully stored', cid)
                cidhash=cid.toBaseEncodedString()
                console.log(cidhash)
            }
        }
        addFile()
    })
</script>
<body>
</body>
</html>

如何创建一个目录并在最初添加一个文件，然后在创建的目录中添加另一个文件(伪代码)？

  async function addFile () {
    for await (const { directory, filename } of node.add('/someDirectory/someFilename','Some file content!')) {
      console.log('successfully stored', directory, filename)             
      console.log(directory, filename)
    }
  }

javascript

ipfs

js-ipfs

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-30 20:28:20

通读js-ipfs documentation，我终于找到了答案。

要仅创建目录：

await ipfs.files.mkdir('/my/beautiful/directory')

创建目录路径并同时向其中添加文件的完整工作示例：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/ipfs/dist/index.min.js"></script>
</head>
<script>
    document.addEventListener('DOMContentLoaded', async () => {
        const nodeId = 'ipfs-' + Math.random()
        const node = await Ipfs.create({ repo: nodeId })
        console.log("Your node: " + nodeId)
        window.node = node
        const status = node.isOnline() ? 'online' : 'offline'
        console.log(`Node status: ${status}`)

        //create a variable with the directory path '/my/beautiful/directory' 
        // and a file 'awesomesause.txt' with the content 'ABC' 
        var files = [{
            path: '/my/beautiful/directory/firstfile.txt',
            content: 'ABC'
        }]

        addFile(files) //add the first file       

        //update the 'files' variable to add another file to the directory path '/mybeautiful/directory' in ipfs
        files = [{
            path: '/my/beautiful/directory/secondfile.txt',
            content: 'DEF'
        }]
        
        addFile(files) //add the sectond file

        //function to add the files
        async function addFile (files) {
            for await (const result of node.add(files)) {
                console.log(result)
            }
        }
    })
</script>
<body>
</body>
</html>

结果：

generating 2048-bit RSA keypair...
js-ipfs_dirs_and_files.html:10 Your node: ipfs-[my random node ID]
js-ipfs_dirs_and_files.html:13 Node status: online
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 420
mtime: undefined
path: "my/beautiful/directory/firstfile.txt"
size: 11
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 420
mtime: undefined
path: "my/beautiful/directory/secondfile.txt"
size: 11
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 493
mtime: undefined
path: "my/beautiful/directory"
size: 70
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 493
mtime: undefined
path: "my/beautiful/directory"
size: 71
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 493
mtime: undefined
path: "my/beautiful"
size: 125
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 493
mtime: undefined
path: "my/beautiful"
size: 126
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 493
mtime: undefined
path: "my"
size: 180
__proto__: Object
js-ipfs_dirs_and_files.html:35 
Object
cid: i {version: 0, codec: "dag-pb", multihash: Uint8Array(34), multibaseName: "base58btc", _buffer: Uint8Array(34), …}
mode: 493
mtime: undefined
path: "my"
size: 181
__proto__: Object

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62648572

复制

相似问题

问如何仅通过纯javascript使用js-ipfs创建目录并将文件添加到ipfs
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何仅通过纯javascript使用js-ipfs创建目录并将文件添加到ipfsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何仅通过纯javascript使用js-ipfs创建目录并将文件添加到ipfs
EN