-
How can we add a logo on the uploaded image?
How can we add a logo on the uploaded image?
-
Is *.psd extention is allowed to upload and transform ?
Is *.psd extention is allowed to upload and transform ?
-
In which format the derived images will be downloaded by default?
In which format the derived images will be downloaded by default?
-
How can I get derived images in zip format?
How can I get derived images in zip format?
-
How can I get drived image delivery in Amazone s3 bucket?
How can I get drived image delivery in Amazone s3 bucket?
-
What is "allow for strict transformation" option?
what is the function of "allow strict transformation "?
-
Why cloudinary.uploader.upload_stream() does not work with the latest NextJS version?
let cloudinary = require("cloudinary").v2; let streamifier = require('streamifier'); let cld_upload_stream = cloudinary.uploader.upload_stream( { folder: "foo" }, function(error, result) { console.log(error, result); } ); streamifier.createReadStream(req.file.buffer).pipe(cld_upload_stream);
-
Preset and url combination
Hello, I have a presete that has 3 eager image resize and it works fine. Besides that I want set some tags to my images. Is it possible to pass the a request that defines the preset and also some tags that take place after the preset? or can I pass to my preset the tags dynamically from the url?
-
How to upload an image from cdn url in cloudinary?
The cdn url of the image is given. When I am trying to upload image from cdn it gives filenotfound exception. The code snippet is given below- Map result =…
-
Disabling Video Downloads on Cloudinary
I need to share a link to a Cloudinary-hosted video while disabling or hiding the possibility of downloading the video itself. I'm wondering if it's possible to add the attribute controlsList="nodownload" so that the video rendered in the DOM has the following form: <video controls controlsList="nodownload"> I just want to…
-
Difference between Unsigned Presets and signed preset?
Difference between Unsigned Presets and signed preset? What are the pros and cons of using signed or unsigned preset?
-
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.
-
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…