Questions tagged [cloudinary]

Cloudinary is a cloud-based service offering features and APIs for uploading, storing, managing, and delivering media assets. When delivering assets, optimizations and other transformations can be applied to those assets based on options added to the delivery URLs

About Cloudinary

Cloudinary streamlines your entire image management pipeline. You can upload all your static and dynamic resources to the cloud. We provide a secure API for easily uploading images to Cloudinary. You can either use our HTTP API directly or through our client libraries. While uploading images you can transform them by changing their dimensions and format and you can also assign tags to them. Each uploaded resource is assigned a unique Public ID. You can manage all uploaded resources using Cloudinary Management Console and API.

Some of basic features :

  1. Upload images to a cloud-based storage.
  2. Tons of image manipulations & effects.
  3. PDFs, sprites, watermarks, social profile pictures.
  4. Fast CDN delivery for better user experience.
  5. Powerful dashboard, media library and reports.
  6. Comprehensive image management APIs.

Cloudinary's client libraries Available for following languages.

  1. PHP
  2. JAVA
  3. .NET
  4. Python
  5. Ruby
  6. Node-js
  7. jQuery
  8. Angular
  9. Android
  10. IOS
1596 questions
5
votes
2 answers

Cloudinary - Upload preset must be in whitelist for unsigned uploads

I want to upload image, to Cloudinary, taken directly from camera in Ionic using cordova camera plugin. I am getting an error of code 1, having message "upload preset must be in whitelist for unsigned uploads." How to solve this error.Please…
5
votes
3 answers

Meteor: Cloudinary

I am trying to upload a photo with Lepozepo/cloudinary This is my server and client config server: Cloudinary.config({ cloud_name: '*****', api_key: '******', api_secret: '********' }); client: $.cloudinary.config({ cloud_name:…
Jose Osorio
  • 911
  • 2
  • 12
  • 25
5
votes
1 answer

How to associate direct upload fields with a model using Cloudinary in Rails?

With Cloudinary and their Carrierwave plugin I can write a form in my view that will upload an image to their cloud and bind it to a model attribute called picture, like so: <%= form_for(@post) do |post_form| %> <%=…
hlh
  • 1,992
  • 15
  • 24
4
votes
2 answers

Upload image after clicking on submit button, not on input change

I want to create a form that uploads the images to Cloudinary and then gets the image's URL and parses it into Supabase database, but I only want to upload the images when I click the Publish button (right now the image will auto upload when I…
Tan Huynh
  • 105
  • 11
4
votes
2 answers

How can I upload file in Apollo server V4

I’m using the newer version of apollo server V4, I need assistance on how to upload images or videos from Frontend to cloudinary and save the url to MongoDB database… please help I have read through Apollo docs but there are no answers there… I’m…
user17371035
  • 41
  • 1
  • 2
4
votes
1 answer

Cloudinary .mkv format video link is not playing in safari

Hi I am trying to stream the following video on my website from cloudinary, it is playing in all browsers except safari I have attempted f_auto, q_50, and many other combinations I have even tried to convert it to mp4 I also noticed that most files…
BivorAdrito
  • 104
  • 1
  • 8
4
votes
1 answer

Updating only specific image in cloudinary node js

I have a Node Js-Express backend & Cloudinary for image storage, for adding a blog to a database. I have configured it to enter the basic blog details like title, category, images, etc. All the CRUD operations work very well so far. A blog has…
program_bumble_bee
  • 439
  • 2
  • 25
  • 57
4
votes
2 answers

The "path" argument must be of type string or an instance of Buffer or URL cloudinary and nodejs

I am trying to create a method that client can upload image from front end to back end server and then store the images to cloudinary but I end up getting this error: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string or…
Nathan Nguyen
  • 101
  • 3
  • 9
4
votes
2 answers

how to implement cloudinary Product Gallery in React.js

I am trying to use Cloudinary Product Gallery in my eCommerce project, but no idea how to implement it. this Cloudinary Product Gallery: https://cloudinary.com/documentation/product_gallery I want to implement it in this component. class…
4
votes
1 answer

Axios request to cloudinary client side CORS policy error

I am currently trying to post to cloudinary via client side and I am getting the following error: Access to XMLHttpRequest at 'https://api.cloudinary.com/v1_1/dd5gloppf/add/image/upload' from origin 'http://localhost:3000' has been blocked by CORS…
CodeMonkey
  • 45
  • 3
4
votes
1 answer

Delete Image from cloudinary not working - Nodejs

This my implementation below. Im try to delete an image using the public id but i keep get { result: 'not found' } Configuration: require("dotenv").config(); cloudinary.config({ cloud_name: process.env.CLOUD_NAME, api_key:…
4
votes
1 answer

How to create single cloudinary instance with multiple resultCallback functions

I am trying to reuse a single instance of Cloudinary's upload widget to upload and retrieve uploaded media info from multiple locations in my react app? Can I pass different resultCallbacks to the same instance of the Cloudinary upload widget? I am…
Oguntoye
  • 645
  • 1
  • 7
  • 19
4
votes
2 answers

My submit function responds with Bad Gateway 502

I am trying to set up "Cloudinary" for image uploads from my React app. My submit function keeps responding with: "Bad Gateway 502" and "SyntaxError: Unexpected end of input". I'm assuming something is wrong with my headers, but I can't find the…
Boris Aronson
  • 207
  • 3
  • 8
4
votes
2 answers

How to Send Images as Attachments with Mailgun and Node.js?

I am attempting to send images as attachments to emails but I am having trouble figuring out how to accomplish this. I am using Mailgun to send the mail, Cloudinary to upload the images, MongoDB as my database, and Node.js/Express as my backend. The…
Jordan Pisani
  • 77
  • 1
  • 2
  • 14
4
votes
2 answers

Cloudinary multiple image upload in django?

I have an image upload defined as follows in my Django app with Cloudinary package, class Photo(models.Model): photo = CloudinaryField('image') I Would like to make this field upload mutliple images. How do I do this?
All Іѕ Vаиітy
  • 24,861
  • 16
  • 87
  • 111