This is a simple example of using the remix buildin uploadHandler and Form with multipart data to upload a file with the built-in local uploader and upload an image file to cloudinary with a custom uploader and display it.

The relevent files are:

├── app
│   ├── routes
│   │   ├── cloudinary-upload.tsx // upload to cloudinary
│   │   └── local-upload.tsx // local upload using build in [createFileUploadHandler](https://remix.run/utils/unstable-create-file-upload-handler)
│   └── utils
│       └── utils.server.ts  // init cloudinary nodejs client on server side
|── .env // holds cloudinary credentails

• sign up a free cloudinary account
• get the cloudname, api key and api secret from dashboard
• copy the .env.sample to .env and populate the credentials

Open this example on CodeSandbox:

• Handle Multiple Part Forms (File Uploads)
• Upload Handler
• Custom Uploader