-
Video Generation Processing Time and Factors affecting it
Hey there, I know the video generation is still in Beta, but I'd love to understand how long you feel videos should take to get generated and what factors affect this in the following 2 scenarios: A user uploads a zipped video manifest file via API and then takes the value of the URL property in the response of this upload…
-
How to remove text from image below?
"Hercules" text from the above image.
-
How do i fetch a resource by it's public id when it is in a folder
import { v2 as cloudinary } from "cloudinary"; const public_id = 'samples/sea-turtle'; const asset1 = await cloudinary.api.resource(public_id); const asset2 = await cloudinary.api.resource('s:' + encodeURI(public_id)); const asset3 = await cloudinary.api.resource('s64:' + btoa(public_id)); neither of the above resource…
-
Uploading with Nextjs server action + cloudinary SDK
I dont know how to convert file to something else so it can be uploaded though using cloudinary.uploader.upload async function myAction(formData: FormData) { 'use server' const file = formData.get('getImage') formData.forEach((value, key) => { if (key === 'getImage') { const a = value as File; const blob =…
-
How to remove the border from an image in a video
When I add a square image as an overlay to a video and add a command to transform it into a circle, but it keeps the square edge. How do I remove this white border?
-
Video generation - passing public id containing a slash as a var
Hello, I'm trying to generate a video from a CLT template file as described here: https://cloudinary.com/documentation/video_generation. It works well if the video is located in the root folder (so no slashes in the public id), as well as with vars for text, colour, etc., but I'm having some issues passing a public id for…
-
Trying to upload multiple images, but can get only one uploaded,
const Upload = () => { async function handleOnSubmit(event: React.FormEvent<HTMLFormElement>) { event.preventDefault(); const form = event.currentTarget; const fileInput = form.elements.namedItem('getImage') as HTMLInputElement; const formData = new FormData(); let arrayFiles; if (fileInput) arrayFiles = fileInput.files ?…
-
CldUploadButton not loading, stuck on spinning loader
Hi I have issue with my nextjs app, the CldUploadButton does not show the upload options, just shows the loading spinner. I tried to create a simple test app but the result is the same, there is no errors in console or logs. What could be causing this? This is my code: import type { NextPage } from 'next' import Head from…
-
Webflow video right format
Hi, i added the above code but it does not work on Android on chrome, I have done some playing around but it only shows on mobile if I add WebM by itself, if I add multiple sources, the video is not shown on mobile again. ** this code does not show on mobile** <video id='video' playsinline autoplay muted preload='none'…
-
Where I can find CLOUDINARY_FOLDER environment variable for my project?
I cloned one project from GitHub. In my .env.local file I have set the CLOUD_NAME, API_KEY and API_SECRET variables, and I also need to set the CLOUDINARY_FOLDER variable, but I don't know where I can find that. I am getting this error: Error:…
-
Blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
When i upload image to cloudinary its show cors error. The error happening only when i hosted the backend server. Its perfectly worked in localhost
-
How I fetch an imagen into a folder?
I am testing Cloudinary with "fetch", like this: https://res.cloudinary.com/iduser/image/fetch/c_scale,w_320/f_auto/q_auto/https://domain.com/category/imagen_name.jpg And it goes fine, but the images are stored in the home of my account and I want it to be stored in a folder as it can be done in "upload". For example I…
-
Correct configuration of cloudinary library for Next.js server side code
I'm using Next.js. I call various cloudinary API methods in several different places, but always in either API or server side methods like getStaticProps. I want to avoid having to configure the library again and again, so I've followed the Next.js example which puts initialization and config in a separate file which you…
-
Pls How can I save the full url of an uploaded file from cloudinary in my postgres database?
Anytime I upload a file, in my api, i get the full url of the uploaded file from cloudinary, eg : https://res.cloudinary.com/dug5dj4uz/image/upload/nun_p9jduh". But in my database, the image is stored as " image/upload/v1694654259/nun_p9jduhf.jpg " i want to be able to save the full url of the uploaded file from cloudinary…
-
How to correctly delete folders with mixed contents by prefix?
I have a bunch of test folders with both images and raw files in them which I want to delete. I have this code: let folders = await cloudinary.api.sub_folders('albums').then(resp => resp.folders) var folders_to_delete = folders.filter((f) => f.name.startsWith('test')) console.log("folders to delete: ", folders_to_delete)…
-
Retrieve video manifest json
Hi there, I'm using https://cloudinary.com/documentation/video_generation to create a video, passing a JSON manifest file. Is it possible via node.js using cloudinary's API to retrieve the manifest file that was used to build the video? I've tried the following resource call passing public_id or asset_id, both 404 const…
-
Does Cloudinary have a sandbox / test environment ?
Hi all, As above really - and I will happily admit this may well be answered somewhere deep down in the documentation. Up until now, we have only been using the Cloudinary API (from our application) in a production environment [ we have a cloud name, id and secret ]. However, we aren't using any Cloudinary functionality on…
-
Fix CORS policy: No 'Access-Control-Allow-Origin' header
How do i clear this errors? -Create:1 Access to fetch at 'https://api.cloudinary.com/v1_1/digqqowwh' from origin 'https://ticket.luvnft.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to…
-
Issue with image upload in production
In production we encounter the bug in the screenshot above when trying to upload images to cloudinary. but in development we don't and everything works fine and we've setup the exact same environment on production as it on development to try and find out the root source of the error all to no avail. Our stack is the main…
-
Search API: search by created_at with timestamp
Using the search API, I can search by created_at with this expression: "created_at>2023-09-01" But how can I include a timestamp? If I follow the format from this documentation: https://cloudinary.com/documentation/search_api#expression_fields "created_at>2023-09-01T08:00:00Z" I get the error: "Query Error (at position 25)…
-
Why are some of my uploads silently failing the first time or two?
I am using a Next.js API route (i.e. server-side function) to upload a raw file to a specific location within my Cloudinary account. Here is the code: import { v2 as cloudinary } from 'cloudinary' import { Readable } from 'stream'; export default async function uploadInfoJSON(req, res) { console.log("enter upload…
-
Why are my public ID's invalid?
I am using the JavaScript Cloudinary API to upload images and store them on the cloud. Sometimes, I will get an error for having an invalid public_id. Here is an error I recently received - { message: 'public_id ( The Unforgettable Journey10_0) is invalid', name: 'Error', http_code: 400 } Another error - { message:…
-
Touch Screen Laptop Product Page Zoom Click not working
Hi I have a Surface Book touchscreen laptop and I am currently trying to build a product gallery for my website with a zoom. However, when I have it loaded (zoom type popup, 3 col expanded) the mouse click does not work as it assumes the interaction would be on the screen This is also not working on the demo page…
-
Create video API
Hi there! I am trying to combine several videos into a grid with the create video api. The documentation is great and easy to follow. I have been testing the process with Postman. I sign the request with the manifest json as a parameter. The request is successful with a status code of 200. I receive a response object with…
-
What is the alternative of Transformation from cloudinary-react in next-cloudinary?
Previously we were using cloudinary-react which is working fine but recently we decided to migrate to next-cloudinary. I have got a question which couldn't find in documentation. In cloudinary-react we used Transformation component for applying transformations. How we could do the same thing in next-cloudinary? For…
-
How can I get progress of file uploading from uploader.upload_stream and pass it to api
I'm developing nextjs app with api routes, I have a route to upload file to cloudinary localhost/api/files/upload. There I send files with axios and receive axios uploadProgressEvent to display it on web page. I see that progress works fine when I upload file to api route, at 100% upload I need to wait more because file is…
-
Can we trust that next_cursor = null means that there aren't any more resources?
We're using https://api.cloudinary.com/v1_1/{{cloud_name}}/resources/:resource_type/tags/:tag to retrieve resources by a single tag. We wish to retrieve every resource with a particular tag. We're keeping track of next_cursor in the response and if it is present, we make another API request with next_cursor from the…
-
Add value to the select single list structured metadata field
I want to use Node SDK and add through the API new value to the structured metadata select single list. I figured out that I must get the whole datasource, add a new item, and write a new data source. The problem is my list has thousands of items. Is there any easy way to add a single value without having to download the…
-
Why is my video using the Wordpress direct video file path when displaying it in a AJAX modal?
I've developed a custom Wordpress theme and I'm using the Cloudinary plugin to deliver my media files. On first page load the images and videos are delivered using the Cloudinary url. But for some reason when a open a modal using AJAX to retrieve the data the video direct path gets delivered. The images are still being…
-
Structured metadata single selection list - limit of values
Hi, I have read and tested the limit of the datasource is 3000 values. My company needs much more to implement our business processes. Do you know maybe some good workaround for this thing or maybe Cloudinary has some plans to change/remove these limits?
-
Make.com error - [400] Display name cannot contain slashes
Hello there, I am using a make.com automation and I am able to get things working properly if I do not use a preset. However, when I use a preset I get the following error: [400] Display name cannot contain slashes I have looked up and down in the 'Upload Presets' menu and I am unable to find anywhere that Display name…
-
Frontend js SDK implimentation with backend SDK
I hope this message finds you well. I recently reached out to your team regarding the implementation of the Cloudinary upload widget in conjunction with a Django Python backend server. Thank you for your prompt response; it was greatly appreciated. However, I still have a question regarding the integration process. I'm…
-
Upload API give me 502 Bad Gateway
Hi. I'm in a Next js 13 project. I tried to upload a image using an unsigned upload preset call restaurant and Upload API but it gives me a 502 Bad Gateway. This is my code 'use client' import { useSession } from 'next-auth/react' import { useRouter } from 'next/navigation' import { useState } from 'react' function…
-
SVG Files and auto-format
I have some SVG files in Cloudinary. On upload I apply an incoming transformation of "fl_sanitize" so that they should be viewable in the browser instead of downloaded. For the delivery URL I add /q_auto/f_auto, so that if a receiving browser/app doesn't support SVG it will be converted into PNG, WEBP, or whatever. I would…
-
Change image size and access to the url on SvelteKit
I am uploading images to Cloudinary from a SvelteKit API with the following code: My questions are: 1 - How to change the image size, choose a folder, and format of the image. 2 - How to return the URL in the response, so I can display the image to the user. 3 - If there are better ways to to upload imgs, I’ll be thankful…
-
Integration with Drupal 9
Hello, I hope you are very well. I recently started to integrate with drupal 9 and I have installed the necessary modules to be able to use them, I also made the configuration according to the data from my dashboard, but it is not showing me the images that I have uploaded in the cloud. Drupal documentation is not so…
-
Lazy async moderation / Retrigger moderation
I want to use Amazon Rekognition plugin in the following way: User uploads photo to Cloudinary and moves on using the site; Cloudinary lazily moderates the uploaded photo asynchronously; When finished, Cloudinary sends the results to a server endpoint via webhook; Server does further processing. But right now, if I use…
-
Sometimes the cloudinary API uploader throws an error trying to upload base64 svg...
Hello! I know that to upload the base64 image I need to use this format data:image/svg+xml;base64,PHN... but sometimes it doesn't work, could you help me? This image works fine: `first.txt` I used these options folder: 'contracts/0x0747118c9f44c7a23365b2476dcd05e03114c747' overwrite:true…
-
server-app flow upload resources
Hi, I'm a node server side that serves mobile apps. we want to upload recourses from app to cloudinary . we wand the pipeline to be : node server creates a signed url and publicId using cloudinary sdk -> send the url to app -> app send resource to cloudinary using the signed url. what are the cloudinary node sdk functions…
-
Transformation URL
I am encountering difficulty in cropping a regular image into a hexagonal shape after uploading it to a specific folder. The provided URL example (https://my_cloud_name/image/upload/a_0/c_crop,w_2611,h_2261,x_43,y_5/l_hexagon,w_2611,h_2261,fl_cutter/public_id) illustrates successful hexagonal cropping when the image is…
