cloudinary

Uploading Images Directly to Cloudinary

本小妞迷上赌 提交于 2019-12-10 23:05:16
问题 I'm trying to upload images directly to Cloudinary from my Rails app, since I'm on Heroku and can't use the server as an intermediary. They have support for this using jQuery, but when I follow their directions, I get the following error jquery.fileupload-fp.js: Uncaught TypeError: Cannot read property 'fileupload' of undefined. $.widget('blueimp.fileupload', $.blueimp.fileupload, { Cloudinary replied with an email saying that I should include the js files in the correct order, but they are

How to avoid CORS preflight request on file upload?

谁说胖子不能爱 提交于 2019-12-10 17:27:33
问题 I am using jquery-fileupload to allow users to upload files to an external service (Cloudinary to be more specific): <input type='file' name='file' class='cloudinary-fileupload' data-url='https://api.cloudinary.com/v1_1/wya/auto/upload' /> <script> $('.cloudinary-fileupload').fileupload(); </script> Since it is an external target, the browser initiates a CORS request. However, I noticed that the browser prepends a CORS preflight request. http://www.html5rocks.com/en/tutorials/cors/ gives

How to fix '413 Request Entity Too Large' error in Node.js

浪子不回头ぞ 提交于 2019-12-10 12:11:11
问题 I am attempting to allow users to upload several images to my website which will then get emailed to all users as attachments but I am coming across an error stating the file size is too large. I am using Mailgun to send the mail, Cloudinary to upload/store the images, MongoDB as my database, request.js to request the images, Cloud 9 to develop in, and Node.js/Express as my backend. The user process goes like this: User submits pictures onto the site Pictures are uploaded via Cloudinary and

How to use Cloudinary jQuery plugin to upload images directly from a page?

拥有回忆 提交于 2019-12-09 13:05:44
问题 Beginner's question here. I'm trying to upload the photo from a webpage directly to cloudinary. Here is the jQuery plugin that Cloudinary recommends to use. Unfortunately the plugin is not documented yet, and doesn't have a clear "example.html" file. I've tried to get my head around the plugin code, but with no success so far. Can somebody point me to the right direction in terms of what "example.html" should look like? Thanks. 回答1: Download the Jquery SDK and the server sdk. Here is the code

How to implement jQuery direct upload to Cloudinary on node.js

一世执手 提交于 2019-12-09 05:47:46
问题 I'm trying to implement direct uploads to Cloudinary via their jQuery plugin to a Node.js application, and am wondering if anyone can help me close some gaps in their examples. Here's the blog post that explains how to do it: http://cloudinary.com/blog/direct_image_uploads_from_the_browser_to_the_cloud_with_jquery In the "Other development frameworks and advanced usage" section, the part I'm stuck on is: "Set data-form-data to be JSON representation of the upload API params. The mandatory

Bulk upload large images to cloudinary

五迷三道 提交于 2019-12-07 14:29:41
问题 Is there a way to bulk upload images to my cloudinary account? I am looking to import 100 images of 3MB each at a time. Thank you. 回答1: You can use Cloudinary's upload API to upload images one by one. Here is a sample upload code in Python. If your images are already in a public location, you can specify the remote HTTP URL as the file parameter instead of sending the actual image's data. This allows much faster uploading. If your images are in an Amazon S3 bucket, images can be fetched by

Using jCrop with cloudinary through rails 4 to crop before creating image

做~自己de王妃 提交于 2019-12-07 14:02:58
问题 I've been at this for some time now. I"m using cloudinary to upload photos and am trying to implement a cropping feature using jcrop on a photo create action. After I implemented cloudinary I followed railscasts #182 on Jcrop. I think I'm having problems getting the new cropped parameters (x,y,w,h) back to the uploader before the image is saved. Update: I'm not even getting the values put into the f.text_fields. When I move the cropper around, there should be new values right? Here's a pic of

How can I use Cloudinary to output a url with transformation as a string?

牧云@^-^@ 提交于 2019-12-07 07:54:54
问题 I'll preface this by saying that may be approaching this incorrectly. What I'm trying to do is pass the url w/transformation into JS using a data- attribute. Currently, I'm using the following to generate the image tag: = cl_image_tag(image.asset.filename.to_s, transformation: "scroller", :"data-medium" => image.asset.filename.to_s) Which produces this: <img src="http://res.cloudinary.com/bucket/image/upload/t_scroller/v1373070863/s1ufy3nygii85ytoeent.jpg" data-medium="s1ufy3nygii85ytoeent

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

蓝咒 提交于 2019-12-07 05:25:56
问题 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| %> <%= post_form.hidden_field(:picture_cache) %> <%= post_form.file_field(:picture) %> <% end %> This works. But I can't figure out how to bind the attribute to the model while following their documentation for direct uploads in Rails. Their example uses a form_tag that isn't bound to a

Upload image to Cloudinary using PHP Codeigniter

江枫思渺然 提交于 2019-12-06 18:08:17
问题 Can someone help me how to upload an image into Cloudninary using CodeIgniter? I don't know how to install the Cloudinary to CodeIgniter and use it because I'm new to PHP CodeIgniter. Please help me thank you. Update! I was able to solve it. See the first answer. cheers 回答1: First You need to download the cloudinary php script here https://github.com/cloudinary/cloudinary_php. Now extract the downloaded file and copy the files from src folder. Now in you codeigniter app, go to appplication