title: Saving javascript image blob to ASP.NET Core Controller
body: <p>Good day, </p>
  
  <p>I'm trying to send a javascript blob image to my controller method in ASP.NET Core but it doesn't go to my controller.</p>
  
  <p>I have an image from my canvas and it's <code>dataUri</code> to be able to convert it to javascript blob, I'm using this code:</p>
  
  <pre><code>dataURItoBlob(dataURI) {
  // convert base64 to raw binary data held in a string
  // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
  var byteString = atob(dataURI.split(',')[1]);
  
  // separate out the mime component
  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
  
  // write the bytes of the string to an ArrayBuffer
  var ab = new ArrayBuffer(byteString.length);
  
  // create a view into the buffer
  var ia = new Uint8Array(ab);
  
  // set the bytes of the buffer to the correct values
  for (var i = 0; i &lt; byteString.length; i++) {
      ia[i] = byteString.charCodeAt(i);
  }
  
  // write the ArrayBuffer to a blob, and you're done
  var blob = new Blob([ab], { type: mimeString });
  return blob;
  }
  
  // Then in my save method here are my javascript codes:
  const fileImage = this.dataURItoBlob(myDataUriImage);
  
  axios.post(`Info/Create`, fileImage , {
  headers: {
      "Content-Type": "multipart/form-data"
      }
  })
  </code></pre>
  
  <p>Here is my simple ASP.NET Core controller method</p>
  
  <pre><code>public async Task&lt;IActionResult&gt; Create([FromBody]IFormFile fileImage)
  {
   ...
  }
  </code></pre>
  
  <p>Any help please?</p>