javascript
Discussion List
-
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 ?…
-
Sharing: How we built (free) on-the-fly image optimization with Cloudinary+CloudFlare
https://syncwith.com/blog/website-image-optimization-cloudflare-cloudinary (In an effort to ensure our technical SEO was top notch, we wanted to make sure our website images were highly optimized to reduce page load times. I wrote this article share how built we a solution that drastically reduced image sizes across our…
-
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…