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
9
votes
1 answer

Why uploadcare is repainting html tag every N ms?

While using Uploadcare file upload widget, I noticed that the Uploadcare script keeps repainting the HTML tag. I am not sure if repainting is the right term, but here is what is happening: Checking chrome devtools the HTML tag is highlighting, the…
Jo E.
  • 7,822
  • 14
  • 58
  • 94
5
votes
1 answer

Uploadcare: how to get uploaded file from openDialog?

My scenario - I would like to open an upload dialog from my own button and get the uploaded file info. In Uploadcare JS version 0.12 I did the following: $(".upload-image-button").on("click", function() { uploadcare.openDialog(null, { …
Alexander Shtuchkin
  • 1,797
  • 15
  • 20
4
votes
1 answer

Can the uploadcare widget be used without the uploadcare service?

Can uploadcare-widget be used without using the upload care service? The goal: Use the widget (specifically to allow users to upload files from their google drive/dropbox accounts). Instead of using upload care's backend, use your own backend, i.e.…
Learner
  • 2,459
  • 4
  • 23
  • 39
4
votes
1 answer

UploadCare doesn't load image in dialog

I expect the UploadCare dialog to open after clicking MyButton, showing the Twitter logo, but it doesn't. Why not? $('#MyButton').on('click', function() { uploadcare.openDialog('https://g.twimg.com/About_logoUsage.png'); return false; });
bart
  • 14,958
  • 21
  • 75
  • 105
4
votes
1 answer

cURL upload photo command in NSMutableURLRequest format

I know this may seem specific to the issue at hand, however, this is me trying to avoid the horrible UploadCare usage of cocoa pods which contains a significant (and rather outdated) amount of dependencies, to JUST upload a file (and subsequently…
Rambatino
  • 4,716
  • 1
  • 33
  • 56
4
votes
2 answers

How to dynamically change locale in uploadcare widget in angularjs based project

I am using uploadcare widget in my angularjs-based application. I integrated this widget as angular directive. Documentation said, that I should set global variable to change locale: But I am not…
Sergey
  • 1,059
  • 3
  • 21
  • 35
4
votes
1 answer

Uploadcare: How to prevent losing image quality?

I have an image original with 700x500 and 50kb file size. How to prevent losing its quality when using CDN -/resize/800x/-/stretch/off/ api, if there is already a small file size?
vzhen
  • 11,137
  • 13
  • 56
  • 87
4
votes
2 answers

How to auto store using uploadcare javascript?

I am using a tools uploadcare from (uploadcare.com) I read the documentation but I cannot find how can we autostore when using javascript api to after upload a file. Is autostore feature only available on widget and REST api?
vzhen
  • 11,137
  • 13
  • 56
  • 87
3
votes
3 answers

How to keep Uploadcare image in forms?

I have a form which I want to validate with PHP. The poster upload from Uploadcare's widget is part of that form. Sometimes users have to go backward in the form to fix stuff - an incorrect email, etc. I want to have the chosen upload file persist…
earl grey
  • 43
  • 3
3
votes
1 answer

Uploadcare capturing the file UID for form post

I'm trying to get my head around the Uploadcare API. Please excuse my ignorance for the question below. I have the Uploadcare uploader set to a maximum of 5 images. This appears to upload the files to Uploadcare correctly. What I'm trying to do is…
user125264
  • 1,809
  • 2
  • 27
  • 54
3
votes
1 answer

how to reset uploadcare widget to original state after the file upload is complete

I am using Uploadcare widget to upload profile images in an nodejs app. In Uploadcare widget once user is done uploading a single file, I want to go back to original widget state so the user can choose another image to replace the previous…
G G
  • 1,614
  • 1
  • 12
  • 12
3
votes
1 answer

UploadCare doesn't show alert upon closing dialog

When the UploadCare dialog is closed I expect the alert to show, but it doesn't. Why not?'' $('#uc_open').on('click', function() { uploadcare.openDialog(null, { imagesOnly: true }).done(function(file) { …
bart
  • 14,958
  • 21
  • 75
  • 105
3
votes
2 answers

Is it possible to access Uploadcare CDN over https?

I upload my images using Uploadcare widget embedded in CKEditor, but my pages are https and I get browser warning because images are received over plain http. Tried to manually replace http with https in Uploadcare url, but that doesn't seem to work…
Fedor
  • 1,392
  • 1
  • 17
  • 30
3
votes
2 answers

How to pass async data from directive to controller?

I want to compile a third-party api (uploadcare) to a directive. The api will return the data info after uploaded in async then I want to do something with the return data in my controller but I have to idea how to pass the return data from…
vzhen
  • 11,137
  • 13
  • 56
  • 87
2
votes
1 answer

Uploadcare with multiple previews and more than one instance

How do I change the script to also populate the src of the images contained in .seperate-group, matching the uploaded images in A with FOR A and B with FOR B? var $ = uploadcare.jQuery; var widgets = uploadcare.initialize(); // get all widget…
Kyle Underhill
  • 89
  • 15
  • 43
1
2 3 4 5 6