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

Uploadcare recognise file with dynamic loaded url

I am using Uploadcare on my site and I am loving it. I have one problem though I am using a bootstrap modal which I load the data through AJAX. I want Uploadcare widget to recognise that the file already exists and show the picture (not ask to…
Josh Fradley
  • 545
  • 1
  • 10
  • 23
1
vote
1 answer

angular-uploadcare $parse undefined error

Implementing angular-uploadcare module which can be found here. Seems to work, but Chrome is giving line 34 $parse undefined error. How can this be addressed? I've pasted the code below. /** * @ngdoc directive * @name…
claireablani
  • 7,804
  • 5
  • 16
  • 19
1
vote
1 answer

Uploadcare: Error getting file group info

I set up a free account with Uploadcare a couple days ago. I've been trying to test out there REST API. Hence, I have to use this URL: https://api.uploadcare.com/files/:uuid/ with a GET request. I've tried sending a request from JAVA. public…
tkp432
  • 13
  • 1
  • 3
1
vote
0 answers

Tracking group upload with widget

I deployed Uploadcare and would like to track the widget multifilepick progress. My code: function placeOrder(){ var widgets = uploadcare.initialize(); var widget = uploadcare.MultipleWidget('[role=uploadcare-uploader][data-multiple]'); …
1
vote
1 answer

How to preserve space and special chars in filename when autostoring files in s3?

I configured a s3 bucket to automatically backup all the files from uploadcare. But the files that are backed up doesn't have the same name and the name is devoid of spaces and special chars. For example, If I upload "My Resume.pdf" through…
0
votes
0 answers

How to iterate through the response of this API request in Laravel 9

I've got this thing which I don't know what it is, an object, a collection... that I am trying to parse. It's the output of below code (response of an Uploadcare PHP API request): $fileListResponse = $api->file()->listFiles(); $fileCollection =…
bart
  • 14,958
  • 21
  • 75
  • 105
0
votes
0 answers

Target class 'Uploadcare' does not exist

Executed: composer require uploadcare/uploadcare-php I can find the library in vendor/uploadcare. Then added to config/app.php: 'providers' => [ App\Providers\UploadcareServiceProvider::class, ] and 'aliases' =>…
bart
  • 14,958
  • 21
  • 75
  • 105
0
votes
1 answer

React UploadCare Remove Button Should Return Null

I wanted to make the value of imageUrl to be null if the remove button is click using uploadcare/react-widget. Right now, it doesn't set the value to null, it still returns the value of the original imageUrl. How do you call the function when you…
Joseph
  • 7,042
  • 23
  • 83
  • 181
0
votes
1 answer

Nuxt, Uploadcare Integration (uploadcare-vue)

I'm am trying to implement uploadcare in my nuxt project but cant seem to get it to work. I'm am using uploadcare-vue (https://github.com/tipeio/uploadcare-vue) I followed the installation steps but I am unable to set the public key. Cant find a…
0
votes
1 answer

How can I get the custom storage filename for uploaded images using UploadCare?

I want to use my own S3 storage and display the image that was just uploaded. How can I get the filename that was uploaded to S3? For example I can upload a jpg image to UploadCare. This is the output I can get: fileInfo.cdnUrl:…
user1605822
  • 99
  • 3
  • 14
0
votes
1 answer

NetlifyCMS Unable to select multiple images using Uploadcare "image" widget

Here is the relevant portion of my config.yml for NetlifyCMS where I want to use Uploadcare's image widget to select multiple images for a gallery: media_library: name: uploadcare config: publickey: mypublicapikey media_folder:…
Casey
  • 444
  • 1
  • 7
  • 22
0
votes
1 answer

Uploadcare widget with multi-file uploads limited with max size

I have an Uploadcare widget with multi-file uploads.
menna
  • 3
  • 2
0
votes
1 answer

Uploadcare with VueJS. jQuery Exception onSuccess since this morning

I have been using Uploadcare via uploadcare-vue wrapper for a week perfectly. Since this morning I have a jQuery exception that stops the script. Of course I am not using jQuery that can interfere in any way with their script. jQuery.Deferred…
Cornelius
  • 378
  • 1
  • 2
  • 12
0
votes
0 answers

I need to upload a lot of files

My files are stored in laravel progect storage\app\file.jpg , file1.jpg etc I need to upload for example 3 files. I use: foreach ($doc['imageIds'] as $image_id) { $imageBinary = $this->client->getImageBinary($details->inspection_id, $image_id); …
0
votes
1 answer

Pyuploadcare ImageField upload option is not visible at useredit html page

I have integrated the Pyuploadcare module in my django App. I have added an ImageField in the models.py of my application as shown below. Image upload for cover field is not displayed in the edit page accessed by the individual user. where as the…
Bikiran Das
  • 313
  • 1
  • 4
  • 17