Blockchain By Example

main.js

Our JavaScript code is more interesting, and it is where the interaction with IPFS takes place. The main work happens in the function that we will pass to the HTML button as the onclick handler, uploadFile(). This function performs the following tasks:

• Reads the file into a raw binary data buffer using FileReader
• Initializes an ipfs object and binds it to our IPFS client by calling the IpfsApi constructor
• Adds the file to IPFS using the ipfs.files.add() method
• Uses the resulting hash to create a URL that can be output to the user

The following is the full file, showing the commented code. Along with the main upload function, the file contains a small amount of jQuery code, used in parsing the filename from the input and in showing ...