title: Retrive JPG image stored on IPFS using Infura API and ipfs-http-client in React
body: <p>I uploaded a jpg image on ipfs using infura API and ipfs-http-client. The file was taken from input with type=file. The event listner was onchange.</p>
  <pre><code>// imports
  const IpfsHttpClient = require(&quot;ipfs-http-client&quot;);
  const ipfsC = IpfsHttpClient({
    host: &quot;ipfs.infura.io&quot;,
    port: &quot;5001&quot;,
    protocol: &quot;https&quot;,
  });
  
  &lt;input type=&quot;file&quot; onChange={(e) =&gt; { upload(e); }} /&gt;
  
    const upload = async (e) =&gt; {
      const file = e.target.files[0];
      const added = await ipfsC.add(file, {
        progress: (prog) =&gt; console.log(`received: ${prog}`),
      });
      console.log(added)
    };
  </code></pre>
  <p>the hash that I get back is <strong>QmQnSWbsck26xrFRiowdV2JhP7cbKRc9KbjWinRhmJgiMa</strong>.Now I am trying to retrieve the image and display it on the web app. <strong>How should I proceed further</strong>.</p>