{
  "$type": "site.standard.document",
  "canonicalUrl": "https://johnnyreilly.com/posts/uploading-images-to-cloudinary-with-fetch",
  "description": "Learn how to handle image uploads to Cloudinary using Fetch instead of SuperAgent with a sample code demonstrating the replacement of FormData.",
  "path": "/posts/uploading-images-to-cloudinary-with-fetch",
  "publishedAt": "2018-03-25T00:00:00.000Z",
  "site": "at://did:plc:yy3apqjlms24kso7ahn7lbmb/site.standard.publication/3mova7c4nho2b",
  "tags": [
    "react"
  ],
  "textContent": "I was recently checking out a very good post which explained how to upload images using React Dropzone and SuperAgent to Cloudinary.\n\n\n\nIt's a brilliant post; you should totally read it. Even if you hate images, uploads and JavaScript. However, there was one thing in there that I didn't want; SuperAgent. It's lovely but I'm a Fetch guy. That's just how I roll. The question is, how do I do the below using Fetch?\n\nWell it actually took me longer to work out than I'd like to admit. But now I have, let me save you the bother. To do the above using Fetch you just need this:\n\nTo get a pre-canned project to try this with take a look at Damon's repo.",
  "title": "Uploading Images to Cloudinary with the Fetch API"
}