IPFS Pinata – How to Upload Folder of Images Using Pinata – IPFS

There is a full example at https://github.com/ipfs/js-ipfs-api/tree/master/examples/upload-file-via-browser using the latest js-ipfs-api. The ipfs-js module you referenced seems that is not maintained for over year now.

See the form tag here: https://github.com/ipfs/js-ipfs-api/blob/master/examples/upload-file-via-browser/src/App.js#L54-L56

See how to then add the file here: https://github.com/ipfs/js-ipfs-api/blob/master/examples/upload-file-via-browser/src/App.js#L20-L41

I found a solution to my problem!

With ipfs-http-client, you need to use ipfs.add as part of an async/await function in order for ipfs.add to actually execute, it seems. Without it being in an async/await function, it didn't do anything at all when getHash() ran.

This is how I changed getHash():

async function getHash() {
    
    try {
        const uploadResult = await ipfs.add(Buffer.from(buffer))
        setIpfsHash(uploadResult.path)
    } catch(e) {
        console.log(e)
        toast.error(e.message)
        return
    }
}