Questions tagged [uploadcare]

Uploadcare is a service for uploading images and other files using API or HTML form widget, and storing them in CDN. The CDN provides image manipulation commands in URL.

Summary

Uploadcare is a service for uploading images and other files using API or HTML form widget, and storing them in CDN. The CDN provides image manipulation commands in URL.

Uploading Files from HTML forms

Uploadcare widget can be added to HTML form with one line:

<!-- This will render a widget. Don't forget to import JS library (see docs) -->
<input type="hidden" role="uploadcare-uploader" name="my_file" />

It will be displayed as a button. When clicking on the button, a dialog opens that allows you to upload a file from your disk, or from a number of other sources: Facebook, Instagram, Dropbox, Google Drive, Box, Flickr and others, or from a URL.

Example: http://jsbin.com/tequl/2

Image Manipulation using CDN

Once an image is uploaded and stored in CDN, the URL-based API can be used to crop, resize or apply an effect to the image. For example, originally uploaded image:

http://ucarecdn.com/5651bbb6-c599-44bd-9c63-1db5e67db6ad/kitty.jpg

Cropped and centered:

http://ucarecdn.com/5651bbb6-c599-44bd-9c63-1db5e67db6ad/-/crop/200x300/center/kitty.jpg

Image manipulations can be sequenced. For example:

http://ucarecdn.com/5651bbb6-c599-44bd-9c63-1db5e67db6ad/-/crop/200x300/center/-/resize/400x/kitty.jpg

More info

https://uploadcare.com/documentation/

84 questions
0
votes
0 answers

Is it okay to use 3 ports for just one application?

I'm building a MEAN stack app. And here's the structure: A MongoDB database is on one port The images are hosted on Uploadcare, and the cdn_url for images are in the MongoDB database The application is going to have its own URL, like…
0
votes
0 answers

How to fetch input image url to another input using of angularjs?

Hi all i am using MEAN stack in my Web portal with AngularJS as my front-end, In my portal i want to upload user profile image, so i have used uplodcareplatform to upload the images in my portal. My Plunker after chooses the Image we get that…
R. Mani Selvam
  • 320
  • 8
  • 36
0
votes
1 answer

Django - displaying images on the page using pyuploadcare

Python, Django, pyuploadcare, html5, jquery, The Django documentations for pyuploadcare are useful for image customization and file uploading and stuff like that, but what they don't tell you is how to display the image in the webpage. For example,…
0
votes
1 answer

I have an internal server error when using Django app deployed to Heroku. The app works locally

I have made an instagram like django app that works perfectly fine locally, however after I deployed the app to heroku, whenever I try to upload and save a photo, I get an internal server error(500). I am using the Uploadcare API to upload and save…
0
votes
1 answer

Uploadcare not cropping properly

Trying to trigger the uploadcare php function with a jquery ajax call, and I get everything to work fine, except for the user selected crop region. It crops to the right ration, but defaults to top left all the time. What am I missing to pass on the…
JonYork
  • 1,223
  • 8
  • 31
  • 52
0
votes
1 answer

Uploadcare uploading images input not been shown with Meteor

I'm using uploadcare to upload image but I'm unable to see the button to upload. I have set my public key in the main.html inside script tags and also install via npm install. This is the code I have inside my form, what am I missing? I'm new to…
cala
  • 767
  • 4
  • 11
  • 28
0
votes
2 answers

In uploadcare, I'm getting an empty 403 error when using the upload POST endpoint

I'm using a raw post since I'm using react native and I didn't see a react-native library. I'm getting a 403 response when trying to upload using the raw upload form post- is there a setting that I need to set or is my public key not activated or…
MonkeyBonkey
  • 46,433
  • 78
  • 254
  • 460
0
votes
2 answers

uploadcare fileFrom ngCordova MediaFile

I am trying to upload a sound file from ngCordova's $cordovaCapture service to UploadCare. The uploadcare.fileFrom('object') keeps failing with an'upload' error. I have the public key set. I am able to upload the file by sending it through and tag…
0
votes
1 answer

When using Uploadcare how can make sure no one can access the cropped section?

We have an upload widget in our web app where users upload photos. Also, a user can crop the photo in the widget. So a URL for a photo looks like this: https://ucarecdn.com/703fd439-34e1-4a6c-8868-3dcc9ea3ddf1/-/crop/273x273/172,143/-/preview/ But…
Yaron Levi
  • 12,535
  • 16
  • 69
  • 118
0
votes
1 answer

Use imagemagick with uploadcare to display thumbnail for PSD, PDF file types

I have a form where users can upload files using uploadcare widget. Once uploaded I can output/show the preview, but only if the file type is image like jpg, png etc. But I need to be able to show for other file types like PSD, PDF as well. I am…
0
votes
0 answers

Display preview for psd file upload

I am integrating uploadcare to my php form where user can upload files of all types and see preview of uploads once upload complete. Right now my uploadcare is displaying preview image fr image file types like png, jpg. But I also need to show…
0
votes
1 answer

Uploadcare save URL in database PHP

I have encountered something that might be useful to anyone using uploadcare.com (or similar) to save pictures for user profiles. Sorry in advance if the question was answered and I haven't found it. The question: I'm currently working on a script…
Michael
  • 111
  • 1
  • 7
0
votes
1 answer

uncaught exception: could not open file

so i'm trying to upload to uploadcare cdn and i get this error: Uncaught Exception: couldn't open file "ce3577f708f527ff570e0d21acb39c62.jpg" $description = $_POST['uploaddesc']; list($width,$height) =…
flex_
  • 679
  • 2
  • 8
  • 26
0
votes
2 answers

How can I import uploadcare into a react.js project?

How can I import uploadcare into a react.js project? My imports section looks like this // main imports import React from 'react'; import {render} from 'react-dom'; import { Router, Route, hashHistory } from 'react-router' import…
maxfowler
  • 1,168
  • 13
  • 23
0
votes
0 answers

How To Pass "Key-less" Params to Faraday

so I am using Uploadcare and want to convert this request to Faraday: curl -X DELETE \ -H "Content-Type: application/json" \ -H "Authorization: Uploadcare.Simple demopublickey:demoprivatekey" \ -d…
yretuta
  • 7,963
  • 17
  • 80
  • 151