Next Cloudinary
GitHubGitHub
  • Getting Started
  • Installation
  • Components
    • CldImage
      • Basic Usage
      • Configuration
      • Examples
    • CldOgImage
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadButton
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadWidget
      • Basic Usage
      • Configuration
      • Examples
    • CldVideoPlayer
      • Basic Usage
      • Configuration
      • Examples
  • Use Cases
    • Background Removal
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
  • Guides
    • Next.js 13
    • Responsive Images
  • Resources
  • Getting Started
  • Installation
  • Components
    • CldImage
      • Basic Usage
      • Configuration
      • Examples
    • CldOgImage
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadButton
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadWidget
      • Basic Usage
      • Configuration
      • Examples
        • Examples
    • CldVideoPlayer
      • Basic Usage
      • Configuration
      • Examples
  • Use Cases
    • Background Removal
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
  • Guides
    • Next.js 13
    • Responsive Images
  • Resources

On This Page

  • Examples
  • Unsigned
  • Signed
  • Custom Sources
Question? Give us feedback →Edit this page on GitHub
  • Components
  • CldUploadWidget
  • Examples

CldUploadWidget Examples

Examples

  • URL:

    Unsigned

    uploadPreset="next-cloudinary-unsigned"
  • URL:

    Signed

    signatureEndpoint="/api/sign-cloudinary-params"
  • URL:

    Custom Sources

    options={{
      sources: ['local']
    }}

Note: all files will eventually be deleted after upload.

ConfigurationBasic Usage

MIT 2023 © Colby Fayock