Skip to content

Instantly share code, notes, and snippets.

@jmevans0211
Last active December 31, 2019 18:22
Show Gist options
  • Save jmevans0211/6785e5b783ffe3bd4ee2bf94405efc86 to your computer and use it in GitHub Desktop.
Save jmevans0211/6785e5b783ffe3bd4ee2bf94405efc86 to your computer and use it in GitHub Desktop.
using cloudinary; client-side

Image Upload with Cloudinary

*please note: this is in steps! based off of this video: https://www.youtube.com/watch?v=6uHfIv4981U *

  1. Sign up on website cloudinary.com
  2. $ git clone https://github.com/DmsChrisPena/cloudinary-image-upload
  3. npm i
  4. npm start
  5. grab that file that has been uploaded
event.target.files[0]

Setting it up on the Cloudinary side

  1. get url from Cloudinary dashboard

const CLOUDINARY_URL: urlurlurlurlurl.url

  1. settings -> upload -> upload presets -> click on Enable unsigned uploading -> click save
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment