defremont / ipfs-upload-js

Upload file to IPFS via browser using js-ipfs-http-client

In this example, you will find a simple React app to upload a file to IPFS via the browser using js-ipfs-http-client and Webpack.

Setup

As for any js-ipfs-http-client example, you need a running IPFS daemon, you learn how to do that here:

• Spawn a go-ipfs daemon
• Spawn a js-ipfs daemon

Note: If you load your app from a different domain than the one the daemon is running (most probably), you will need to set up CORS, see https://github.com/ipfs/js-ipfs-http-client#cors to learn how to do that.

A quick (and dirty way to get it done) is:

> ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin "[\"*\"]"
> ipfs config --json API.HTTPHeaders.Access-Control-Allow-Credentials "[\"true\"]"

Run this example

Once the daemon is on, run the following commands within this folder:

> npm install
> npm start

Now open your browser at http://localhost:3000

After uploading a file (left screen), and opening the uploaded file (right screen), you should see something like: