javascript

How to transform recorded live stream video with Cloudinary
Hello, everyone. I am working on a demo that helps set up OBS with a Nextjs application. The demo will transform the stream using the video transformation functionality and other AI effects. I know this is in "BETA," but I want to ask a few questions. 1. Anyone have experience working with this recently? 2. I noticed i…
Help Us Shape the Future of the Cloudinary Javascript SDK
Big news for all JavaScript developers: We’ve posted an RFC for the JavaScript SDK on our GitHub repository. This RFC is a key step in improving the developer experience, and we're actively seeking feedback from our community. What's The Goal? Version 2 of the JavaScript URL Gen SDK improved performance and error handling…
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"…
Make file available upon user button click.
Using Node.js/Next.js. My API grabs some data, generates an excel file and then uploads the file to Cloudinary. When the user clicks a button I need the excel file to be available to them for download. It appears the excel file link is saved in result.secure_url. I'm stuck on how to get this link into a clickable button. I…
Product gallery widget not recognising Tags
I'm trying to work with the product gallery widget. I want to display all images with the tag "move" but this is not working. If I use the publicID of an individual image, it works, so I know it's connecting. Can anyone help shed some light on this?
Problem uploading files, Timeout and Callback is not a function
Hello Everyone, I've been using Cloudinary for some times now, and up until yesterday everything was perfectly smooth and running. However this morning i tried to upload an image ( working on loading state) and i've seen that it wasn't working anymore. At first i had a 499 Error timeout, and after looking on internet i've…
how do i go about 401 unauthorization error with unsigned upload on vite.js app
got the same error previously, i was forced to create a new environment with a new cloud name. updated by .env file file and refreshed the app but the problem persisted. i have provided the valid credentials but cant seem to go through over it
Importance of query params added by JS SDK-- is it OK to remove?
The following code (in Node.js / React) in some cases produces URLs with query parameters appended to the URL: import { Cloudinary } from "@cloudinary/url-gen"; const cld = new Cloudinary({ cloud: { cloudName: '__redacted__' }, }); const url = cld .image('ID') .quality("auto") .resize(fit(size)) .delivery(format(isSvg ?…
Can cloudinary images work within power bi
I am adding the below code as a measure to d3.js cutom visual in power bi. however it is not giving me any image neither the script has errors. Can cloudinary images be displayed as visual in power bi. if yes, HOW? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"…
Are credits charged for each request? How can I mitigate the cost?
Hello, First things first - thank you for such a lovely service and your help. These tools are taking my personal projs. to higher levels. Second - I'm wondering about how to mitigate credit usage in a Next.js app. I have a few images and a video uploaded to the CDN. In the Next app I am using your <CldImage/> and…
Select image from upload widget
Hi, I'm using javascript to upload images/videos to my cloudinary cloud using the upload widget. I'd like to select one of the images from my cloudinary cloud folder when using the upload widget. Just like we can select images from other sources like unsplash/google images etc thanks
My stream in NodeJS not working.
Hello, I'm having trouble getting a video from Cloudinary and sending it to my front end via streams. Here's the code: import express, { Request, Response } from "express"; import request from "request"; import { PassThrough } from "stream"; import cloudinary from "cloudinary"; import * as dotenv from "dotenv";…
Delete without a key? (client-side application)
Hi, I'm running a client side application. A long time ago, before I knew much about JS and front-end dev, I had setup some wrapper around the cloudinary endpoint, so my users can upload pictures, and delete them. While reviewing my code, I found that I use an api key in the bundled js. This is of course A Very Bad Idea.…
News: Updated Vue.js SDK
Our Cloudinary Vue.js SDK now supports Vue 3. With this SDK, you can easily transform, and deliver image assets within your Vue.js applications, saving you time and effort while building more powerful and feature-rich applications. More info and links here: https://cloudinary.com/documentation/vue_integration
how to uploads images from react/node to cloudinary
I need to upload images from the front and that they reach the back to be able to show themselves but I have not been able to find the trick, if someone knows I would greatly appreciate it. I'm using a react library for forms 'React-hook-form', it would be supposed that only with the field and the selected image it would…
How do I retrieve contextual metadata programmatically?
I'm using cloudinary: ^1.32.0
Upload video with multer and cloudinary - can't read req.file
In my Mern-Stack I have build a fileuploader using multer and cloudinary. The upload of images works really fine, but when I try to upload a video, the console tells me: "Cannot read property "path" of undefined". I console.log my FormData on the whole way. In my dashboard, my redux-slice, my redux-service. Everywhere the…
cloudinary-react Upload Widget 1.0 no longer available
I keep getting this error in the console when viewing my site, and it seems like the cloudinary-react library stopped working overnight. I have a site where users can create activities and upload images to them. The upload functionality has been working just fine for several years, but this morning I started receiving…
Cloudinary Vue JavaScript API how can I get the pixellate effect when loading the image
Hey all, I have a directive that gets an image using the JavaScript API. Currently it looks like this: const url = cloudinaryCore.url(publicId, { secure: true, transformation: [ { height, width, gravity, crop, quality: "auto", fetchFormat: "auto", }, ], }); This works and I can apply the image to the background as so:…
[JavaScript] Upload Multiple Images at Once Using Cloudinary’s Upload API
If you're working in the Node.js ecosystem and want to upload multiple assets to your Cloudinary account, using our Upload API is going to be your best bet. First, ensure you have the most up to date version of Node.js Next, let's use the Cloudinary Node SDK to simplify our implementation. Our amazing documentation team…

javascript

Discussion List