title: React Js Upload Images using Api
body: <p>So I am trying to upload a file using React Js ant design upload component now the issue I am facing is that whenever I try to submit an image I received the following error:</p>
  <p>Access to fetch at 'https://freeimage.host/api/1/upload' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.</p>
  <p>I have attached the code that I have written to upload and handle file submissions.
  <a href="https://i.stack.imgur.com/nyyHU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nyyHU.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/I2QAV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I2QAV.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/si1NB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/si1NB.png" alt="enter image description here" /></a></p>