-
Blog Post: Easy responsive images on Github Pages with Cloudinary
Hey guys, New to the community and just signed up for Cloudinary. I blog on Github Pages using Jekyll and Cloudinary plugged in real nice to my workflow. There's already a Jekyll plugin out there that hooks into Cloudinary but I wrote a quick blog on how to do it without needing to resort to custom plugins. Thought someone…
-
How to decrease recorded video size from safari before uploading to cloudinary in react project?
I have react project where I am using firebase as backend, the project main purpose is to record short videos for business. I have used react media library to record videos from camera so when user recorded videos I get the blob file I convert it to. base64 before upload so 1 min video has a size of less then 2 mb which…
-
Unable to upload image through programmatic upload API
Hi! I have been able to upload images through programmatic upload API before. However, there is one image that keep giving me "Invalid image file". The file is a GIF file so it should be a valid image file. I am able to upload this in other services, but doesn't work through cloudinary upload API for some reason. I also…
-
What configuration choices are irreversible once applied to a product environment
The documentation for Dynamic folders has a note which states: "Once a product environment is migrated to dynamic folders mode, you can't revert it to fixed folders mode." This leads to the question, are there any other configuration changes that are irreversible? Obviously on mature environments any change could cause…
-
What flags are copied when cresting a product environment based on another environment?
When creating a new product environment (aka: sub-account, cloud), there is an option to base the new environment on an existing environment. In the Console UI this option lists as "Base product environment" and states: "Optionally select an existing product environment from which limits and other custom configurations…
-
Issues with Cloudinary URL in upload to Instagram
Hi all, So I'm having an issue with automating an image upload to Instagram using Zapier. I'm creating an image URL like this:…
-
After connecting cloudinary with my django backend project it fails after sometime
After connecting Cloudinary with my Django backend project I was able to upload images to my project and after sometime of using it, this is the error i see when ever i try to upload my images for my products: raise Error("Error parsing server response (%d) - %s. Got - %s" % (response.status, response.data, e))…
-
Async Uploads
Hi, I'm using the async option while uploading a file. And I get the batch_id back. How do I use the batch_id to track the upload progress?
-
Auto login to Media Library Widget
Can someone help me out with auth here? I have integrated the Media Library Widget in my app, but right now every time I log into my account I have to sign in to cloudinary account as well the moment I try to use the widget. Is there a way to bypass that and make the auth happen behind the scene? I am aware of those two…
-
Font to use for Overlay text on image for Android app
Hello all I am new here and am battling to get my image, with text overlaid, to display on my Android emulator. I suspect it is to do with the font. Can anybody help? This link displays fine on an IOS emulator and on a Windows PC but not on an Android emulator.…
-
cloudinary-video-player v1.9.5 breaking Jest test.
I have a component library which is bundled with Rollup and has React component tests with Jest. Cloudinary-video-player is dynamically imported by a component and the test for this passes with v1.9.4, but fails with v1.9.5 FAIL @nintendo/component-library packages/component-library/src/ui/VideoPlayer/VideoPlayer.test.js ●…
-
Can we use root path URLs from the web console?
Or in other words from the current full url: "https://res.cloudinary.com/cloud_name/raw/upload/v1674577120/directory_name/" remove the /v1674577120 or the whole first part of the url and start directly from /directory_name? Looks like if using SDK we can get this by using parameter use_root_path set to true but can we set…
-
Use a text overlay along with a remote image.
I'm using this URL to load in a remote image, and it works fine (removing https to stop the post from rendering it): res.cloudinary.com/raymondcamden/image/fetch/https://maps.googleapis.com/maps/api/staticmap%3Fcenter=51.477222,0&zoom=14&size=400x400&key=AIzaSyCA0y7kh6V8poL-faDyVf3TpnLDNf9XtQY When I try to add a text…
-
Video concatenation with Text
Hey there, I'm struggling to create a video transformation URL. There are two videos: VIDEO A – short 5 second video with our animated company logo VIDEO B – long 15 minute webinar recording Here is what I want to achieve: Add a client name to VIDEO A using l_text Join the new VIDEO A to the beginning of VIDEO B Is this…
-
Unable to upload an image to cloudinary through programmatic api upload
Hi! I have been able to upload images through cloudinary upload api. However there is one image that keep giving me "Invalid image file" and I am trying to figure out why. It is a GIF file so it should be a valid image, and I do set "resource_type: image". You can download the image from here…
-
Business use case
Hi, we're currently thinking about using Cloudinary to help serve/manage client branding assets. As we have multiple testing and production environments, we were wondering what the best course of action was. A single free account (at first) managing each environments in different directories ? /library/static/images/...…
-
How to delete folder that is not empty?
Solved
-
Query on implementing Image upload Widget & Media Editor Widget in React
hey folks.. I'm looking to achieve a React implementation where my Media Editor opens straight to allow the user to edit the pic that's just uploaded via Upload widget (i.e. following the e.g. in https://codesandbox.io/s/uw-mew-forked-dudee6?file=/src/index.js) . When I try running mediaEditorWidgetRef.getConfig() it…
-
Cloudinary & Salsify. using structured metadata for API calls
I am attempting to automate away some of the grind with our implementation of Cloudinary, What i would like is a python script that takes data entered into a "partnumber" structured metadata field, and search that in our PIM, Salsify. From there i would like to return certain properties from the salsify product listing and…
-
Question about using the React media editor and image upload widget
hi I'm trying to create React so that my Media Editor opens right away to let the user edit the picture that was just uploaded using the Upload widget. I try to run mediaEditorWidgetRef.getConfig(), but it always returns undefined, and when I try to run mediaEditorWidgetRef.show(), it always gives the error "Cannot read…
-
Is it possible to add responsive background image using cloudinary in React?
I have just discovered cloudinary and I am making a website where I am trying to make several sections of the page with different background images to be responsive by size as well by format for older browsers. I have set up React SDK and with AdvancedImage I am getting responsive images. My question is it possible to set…
-
How can I make a download button with Cloudinary and Javascript? Getting CORS error
I am trying to create a download image button. I've tried several ways and still having trouble with CORS. Does Cloudinary support CORS headers? I am using Javascript/NodeJS. I have tried using a fetch request with CORS headers but it seems like Cloudinary isn't reciprocating. Any help on this? Thanks.
-
auto-scaling text to fit into a box?
Hi all, so I'm pulling reviews from GMB, adding the review text to an image, and then posting it to social channels. What I need to do is wrap the text, but also make sure it scales to fit an area, vertically centered. Any idea on the transform parameters for that?
-
Special character within metadata in signed api upload
Hello guys, I've built an application to upload files through the signed api upload. The upload works perfect. Now I would like to extend the upload with metadata. I've created different structured metadata fields, e.g. sku, year and product name. Using sku and year works smooth. But if I use the field product_name which…
-
add width / height to cropped objects
Hello there, So I recently came across Cloudinary, and I'm very impressed. However, I can't figure out how to add width/height to a cropped object. I'll leave an example here. Here is a sample image where I want to crop the product (dress). And here is the finished picture:…
-
How to delete images with the same delivery type
Hello! We have a lot of images in the main "home" folder and I want to delete them by API, but don't know how: Example of image: https://res.cloudinary.com/hcabpjybe/image/fetch/v1671118388/https://protected.chatleap.com/5f844911f82aaa4ac4b98df8/PZ9RcftcDh2WfjO-8izE.jpeg I want to delete all the assets that have…
-
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
-
Can I run the Cloudinary-AI-Background Removal from a React function
I am trying to call the Cloudinary-AI-Background removal from a function in my Nextjs project. My plan is to upload the image using the upload widget and remove the background with a button, i also want to get the URL of this new optimized image so I can store it on my database and display it in my application. Can this be…
-
How to create and store Signed urls inside mongodb?
I have a document inside mongodb and inside these documents i have stored song urls comming from cloudinary .If i show these information inside client side then these urls will be fetched and anyone can get and directly use those urls ,i want to ask what is the better way of hiding or encrypting those urls so that n one…
-
Image with location metadata
I've uploaded an image with location metadata to my Media Library. If I use the API to fetch it, and use media_metadata=true, I'm not seeing that metadata returned. I know it's still in there. If I download from my Media Library and look at the image metadata on the new download, I can see it. Is there no way to get this…
-
Can I use cloudinary in bulk?
I have a music website. Anyone can download mp3 songs from this website. This website has a lot of songs with low-quality pictures. I want to deal with them. Can I use Cloudinary for bulk pictures at the same time?
-
Using CDN for css with rails
Looking for some guidance on how to upload precompiled CSS files, managing the file names and automate the uploading and accessing of those assets via CDN on rails
-
Managing css assets on rails
Hi I'm looking for a way to manage my asset pipeline and upload rendered scss stylesheets to cloudinary to use with CDN. Any guidance would be appreciated.
-
Send a new user a custom video with their username inserted into video and poster when they signup.
Hey everyone, here is the function I made to help utilize Cloudinary's on the fly transformation capabilities to send a new user an email with a custom video personalized with their username. If you already know the ropes and are familiar with firebase functions, you can skip right to the point and checkout the repo here:…
-
I made a firebase cloud function to send a new user a custom welcome video when they signup!
This is my first time posting here. If it will allow me to edit this, I want to show come back and post all the steps and the function code for the benefit of whoever may need it. It really does give you welcome emails an extra touch I believe will go along way in showing your users what value you desire to create for…
-
Use Cloudinary URLs to deliver images from Dall-E API
Dall-E + Auto upload from Cloudinary. Hey everyone! I Just want to share some cool stuff (I think :) ) with you. It's a Vercel function to generate Dall-E images that you can use with Cloudinary URLs. When all set, you can dynamically generate and deliver (or manipulate) optimized images generated by Dall-E. I'm using it…
-
Problems Implementing cloudinary video play with vue.js
Am trying to follow the training series on adaptive video streaming where the video player was implemented using react but I keep getting "cld.videoPlayer is not a function" when I try Implementing the video player in vue.js.
-
Problems retrieving and transforming images using the react SDK
I'm trying to use cloudiary images within a custom sanity component. Sanity uses React, so I've installed the React SDK. So this demo code from the quick start works: ....................................................................................................................... const cloudinary = new Cloudinary({…
-
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
