-
How can i fetch a whole folder in the client side? I do not want to set up a backend solely for this
I want to import all folders and images inside a folder, recursively. Basically just want to get everything inside the folder in the client side. I have accomplished this with the api in the backend but i can't in the client side as it will expose my keys. How can I go about this?
-
Invalid Signature : String to sign
I am using next js to develop my project. below is the code written at route.ts, I stuck on this issue more than a week. Please someone advise what exactly going wrong on below lines of code. I spent a lot of time to resolve this issue. youtube tutorials, chatGPT doesnot solve my issue. Please point out where is the…
-
I want to upload my 3D model in gltf format to cloudinary.
I got to know that we can also upload 3D models to cloudinary. I am working with react-three-fiber and want to upload and also later retrieve that model. I would also like to know that, can we do draco compression on the gltf model while uploading and also draco compress while retrieving.
-
Error Trying to upload from cloud.
I made a django app to upload images to cloudinary. The upload works fine on localmachine, but when I uploaded my project to python anywhere, I started getting the folllowing error. { "status": "false", "error": "Unexpected error - MaxRetryError("TCPKeepAliveHTTPSConnectionPool(host='api.cloudinary.com', port=443): Max…
-
Can't remove invalid image from Upload Widget queue
We are using the Upload Widget using the following default options merged with additional per-instance options to restrict the allowed image dimensions: const defaultOptions = { cloudName: '***', uploadPreset: '***', sources: ['local', 'url', 'dropbox', 'google_drive'], multiple: false, maxFiles: 1, clientAllowedFormats:…
-
Why Cloudinary is making too many requests? How to fix it?
I am working on a React Project and using cloudinary to store images on the cloud, but when i open the network tab in dev tools I sees hundreds of similar requests made by cloudinary.
-
responsive gallery, <a> <img> tags
hi i have a gallery that 1st loads thumbs from <img> and within here there is a srcset. They are transformed correctly according to browser width and i use this url transform for all images in the srcset replacing 256 up to larger sizes: /f_auto/q_auto/c_scale,w_256(etc…)/ <div class="grid-item item animated-fast"…
-
Prompt for chatgpt to upload generated image to cloudinary
Hi was wondering if you know the best way I can prompt chatgpt to upload a generated image to cloudinary I provided it an API key, secret, and cloud name, but it replies "It looks like the necessary module for Cloudinary isn't available in this environment. To proceed, you can run the provided Python code on your local…
-
"Must supply api_key" use cloudinary in production any recommendations
console.log("Esto es el cloud_name de cloudinary", process.env.cloud_name); console.log("Esto es el api_key de cloudinary", process.env.api_key); console.log("Esto es el api_secret de cloudinary", process.env.api_secret); cloudinary.config({ cloud_name : process.env.cloud_name, api_key: process.env.api_key, api_secret :…
-
Video transformation messing audio
The audio of my video gets messed up whenever I apply a transformation to it. Video without transformation Video with transformation I'm using the NodeJS SDK to generate the video URL const video = new CloudinaryVideo( video_public_id, cloudinary_config ); I've tried different audio encodings i.e…
-
Missing dependency: Signed Upload requires an API key
Hi everyone and thanks for your help in advance! I am trying to do a simple signed image upload to my NextJS app but I am getting this error: Missing dependency: Signed Upload requires an API key This is my 'pages/api/sign-cloudinary-params' file import { v2 as cloudinary } from 'cloudinary'; cloudinary.config({…
-
How to overlay an image on top of non-transparent pixels only?
I'm trying to create a realistic t-shirt mockup. The 3 elements that I have working so far are: 1) t-shirt image 2) artwork 3) displacement map for the artwork (to match t-shirt folds) I am trying to add a shadow layer, which can essentially be a semi-transparent PNG. However, I can't figure out how to place it only on top…
-
How to get private image using public id with Admin API?
Hello, I am using signed uploads, which means my backend generates parameters, including a public id, and a signed signature for the frontend to use to upload an image. Some of the images that are uploaded have type = private. On my backend, I query Cloudinary for the images that the backend has generated a signature for…
-
Cloudinary and Webflow
Hi! Is there API integration with Cloudinary and a Webflow site? I am trying to add a "Record" button to my website and also a button for users to "Upload" an audio file. Is this just a matter of adding the right code embed? Any help would be appreciated. Thank you!
-
How to embed Video Player using Angular 18 with SSR
Hi All, I'm looking for a working example or explanation of how to embed the Cloudinary Video Player in an Angular site that uses the new SSR (Server-Side-Rendering) deployment model. Any help is appreciated!