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
1
vote
1 answer

How Do I Replace UploadCare To Display Image in React

Right now, after uploading image, it shows up only the name of the file, the size and the remove button. I wanted to display the image itself on the circle. Pls check codesandbox here CLICK HERE
Joseph
  • 7,042
  • 23
  • 83
  • 181
1
vote
0 answers

Netlify CMS - Uploadcare - Missing External Media Library

My website deploys correctly but whenever I try to access my Netlify CMS admin panel I get this error: Error loading the CMS configuration Config Errors: Error: Missing external media library ‘uploadcare’. Please use ‘registerMediaLibrary’ to…
Scott Montford
  • 165
  • 1
  • 9
1
vote
2 answers

How to delete file in UploadCare progrmatically in Angular and Ionic?

I used Angular, Ionic and Firebase in my project. I used Uploadcare to upload and retrieve photos to the application. I can delete the file in the database but the problem is the actual image is still uploaded in the UploadCare Storage. Heres my…
1
vote
0 answers

Having problems uploadcare client integration with flutter

While I am trying to upload a picture using uploadcare. Once I upload an image I do not receive a further response. Maybe I am missing something, but I have been following uploadcare's documentations. Initialization of uploadcare auth. …
Shahparan
  • 11
  • 3
1
vote
2 answers

Uploadcare - How to set the value of the Image URL?

I have a number of pictures displayed on a user's webpage and I want to give the user the ability to select and crop any images. I am using uploadcare widget to allow the user to perform that. In simple words, all I want to achieve is, a user…
AzyCrw4282
  • 7,222
  • 5
  • 19
  • 35
1
vote
2 answers

How to implement minDimensions in Uploadcare Widget

Settings can be added to Uploadcare as follows: var myDialog = uploadcare.openDialog(null, { imagesOnly: true, multiple: true, multipleMin: 1 multipleMax: 7 }); Now how is minDimensions being set? The documentation shows…
bart
  • 14,958
  • 21
  • 75
  • 105
1
vote
1 answer

How to upload multiple files with uploadcare

I am trying to implement Uploadcare for multi-image upload, but confused about the code structure. Below code works, but it has two .fail blocks and two .done blocks. Additionally, adding the images to the front-end using $.each() should be done…
bart
  • 14,958
  • 21
  • 75
  • 105
1
vote
0 answers

APP_VERSION is not defined Ionic Prod build for a component

I am using the lazy loading approach in Ionic 3. I tried to use your plugin named “ngx-uploadcare-widget” but it said the UCwidget is not defined and please import it into the page. After several hours of debugging, I found that it had to be moved…
1
vote
1 answer

uploadcare using js to store to s3

I am currently using uploadcare with the plan that would work with s3 upload. I have been reading the api documentation of uploadcare and searched around how to use jQuery ajax to send to my s3 bucket Somehow I just couldn't find the answer to…
Tsuna
  • 2,098
  • 6
  • 24
  • 46
1
vote
4 answers

Click anywhere on a div to trigger an input

I am trying to make it so when you click on a particular div, it triggers an input button to open up the uploadcare widget. Here is the HTML in question
JonYork
  • 1,223
  • 8
  • 31
  • 52
1
vote
1 answer

Saving cropped Uploadcare image with PHP

Having a bit of a head scratcher with Uploadcare's Widget in PHP when it comes to cropping. The widget is cropping, but uploading a full size image regardless. Grabbing the UUID and storing it in database for later retrieval. What am I…
JonYork
  • 1,223
  • 8
  • 31
  • 52
1
vote
1 answer

Uploadcare iterate through array in PHP

I'm using the Uploadcare multi-upload widget and get a group ID back on post. When I call the API to list the files in the group, I want to extract certain pieces of information about each file (uuid, mime_type, original_filename, etc). Here is…
Jason
  • 1,105
  • 3
  • 16
  • 30
1
vote
1 answer

How do I send all values created by jquery uploader of php form variables by email

I am trying to implement uploadcare widget in my custom php form which will get all images uploaded by user and add additional information like image URL, and file name to the images and send these additional data to client by email. I have…
1
vote
1 answer

Images in npm package not displayed in Meteor app

I'm trying to migrate some of my atmosphere packages to npm packages and ran into some issues with images not loading in the npm package uploadcare-widget. The package references images in the folder node_modules/uploadcare-widget/images. The…
Bradley
  • 2,379
  • 1
  • 11
  • 17
1
vote
0 answers

How to reset uploadcare widget after failed validation?

I restrict uploaded file type following official docs. It works fine. But then I just can't reset it. widget.value(null) works fine when I need to reset widget after successful uploading, but it doesn't work when I try to clear error message. Is…
Rybakov
  • 119
  • 2
  • 7