-
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 =…
-
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 ?…
-
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…
-
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:…
-
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…
-
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…
-
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…
-
Cloudinary Postman collections to make it easier to try our APIs
Postman is a popular tool for running REST API requests, whether it's to get a feel for the request and response parameters or maybe even for automation. We're a big fan at Cloudinary and so we've created our own public workspace with a set of collections that you can fork and use to test out various API calls. To get…
-
When using upload_large it still results in a 413 response
I followed this older post* about timing out due to leveraging large content so I followed the docs to leverage upload_large. I've tried changing the chunk size from 6MB to 5MB with no success. I've also changed the timeout to 3 minutes to no avail. Any ideas on how to fix this?…
-
Does the upload widgets "clientAllowedFormats" fire any kind of event when it restricts an upload?
Hello, I have a use-case where I need to dynamically restrict the upload-format of the Upload widget on the client side, depending on the format of another file. I've got that part down, I now need to notify the user of why an upload was restricted at all (i.e. that the two file formats don't match). For that I would first…
-
Upload image to cloudinary using next js (App router)
I have been trying to upload an image from my next js app to cloudinary using App router version of next js. I will be really happy if someone can look into this for me.
-
how do I upload a image to cloudinary via Unity c#. 502 Bad Gateway
this is a test upload to get it working. The cloudName ,apikey, apiSecret are fake. Error Code 502 Bad Gateway on calling UploadImage(); using System.Collections; using UnityEngine; using UnityEngine.Networking; public class ImageUploader : MonoBehaviour { public string cloudName = "ddfthjydfn"; // public string apiKey =…
-
whenever i try to upload file in cloudinary it does not complete and throw a error
//code require("dotenv").config(); const cloudinary = require("cloudinary").v2; const { CloudinaryStorage } = require("multer-storage-cloudinary"); //configure cloudinary cloudinary.config({ cloud_name: process.env.CLOUDINARY_NAME, api_key: process.env.CLOUDINARY_KEY, api_secret: process.env.CLOUDINARY_SECRET, });…
-
Image URL not showing in my database
Hi, so when I upload an image to a product in my database, I get a status of 200 with the response below. { "data": { "image": "http://res.cloudinary.com/xxxxxxxx/image/upload/v16xxxxxxxxx/mealyProduct-images/ps7tjixxxxxxxxxxxx", "public_id": "mealyProduct-images/ps7tji7xxxxxxxxxxx" }, "status": "success",…
-
File extensions disappear other than image and pdf files?
Hi there all of you guys. I am trying to upload some files to cloudinary but other than pdf files, extensions disappear and I can not download properly these files. I am using "resource_type:auto" and also "resource_type:raw" parameters but it didn't help me. I am sure that files are properly stored because change its name…
-
Client Side Signed Upload - Upload Widget Or Not
Hello All: I want to enable my users to upload a profile image to cloudinary directly without it hitting my servers. I am trying to use the Upload Widget. However where do I specify the signature? My server is returning the signature. Do I also return a timestamp? The documentation is very mixed up about all this. Once I…
-
I can't upload via n8n. Can someone help me? please
I'm receiving a file via elevenlabs and trying to upload it via http, but it always gives an error due to the lack of a preset, but I've redone the node several times with the help of chatgpt, but nothing works Where should I add the preset? I can't do it at all, what should I do? I haven't been able to for days Sorry if…
-
Is it possible to change the upload presets of an asset, without deleting it ?
I need to change the upload preset of an asset, without deleting it? Is it possible to change it via SDK's ?
-
cloudinary.uploader.upload not working
Hi I'm trying to use Cloudinary to store my images in a MERN stack project. So basically I converted my image upload in the front end to a base64 string, have the data:image/jpeg;base64 removed and send them to my API. Now in my Controller file I wrote something like this: const postDog = async(req,res) => { const {name,…
-
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
-
How I can upload image in to cloudinary images using react?
I'm building a project for practice purposes and I want to host my media assets on this platform. I created an Image preset, everything is working fine. I just want to upload it with mern stack and Axios but I'm not able to find the API URL to upload the media. Please help to get this resolve
-
Is it safe to have cloud name and preset in front end code? Upload question
I have made an app with the MERN stack. I am using the url endpoint to allow users to upload images to my cloudinary, and then the data from that gets put into a mongodb database which I pull information from. I have the cloud name and preset in my .env file, but .env variables get put into the build folder anyway so it…
-
Upload image fails with error "dial tcp: lookup api.cloudinary.com: no such host"
Hello I have been trying to upload to cloudinary via golang sdk. but sometimes it seems to fail after several requests (sometimes it works, other times it doesn't). I run the app in localhost (windows) and without vpn. error message: "https://api.cloudinary.com/v1_1/dd6mdlpgj/auto/upload": dial tcp: lookup…
-
Upload fails with 403
hey all, i have been trying to upload to cloudinary via strapi upload provider. but it seem to fail while i have the right credentials in environment variables what am i missing?
-
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…
-
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…
-
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:…
-
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…
-
[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…
