Introducing Ultimate Uploadcare: Your go-to plugin for seamless file uploads with Uploadcare!
The ethos of this plugin is to simplify all things Uploadcare. No need to create your own API connection or backend workflows to store and delete files!
Demo: Ultimate Uploadcare | DragDropDevelop
Plugin page: Ultimate Uploadcare Plugin | Bubble
Key Highlights:
Simple Installation & Customization: Plug, play, and personalize! Get started in no time with an interface you can tailor to your heart’s content.
Instant Cloud Edits Preview: Watch edited images come to life instantly in file URLs. It’s like having a sneak peek into the future of your uploads!
Reactive Values: Stay in sync with every file being added or removed. Our reactive values ensure your list of files is always updated, keeping you in the loop effortlessly.
Backend Workflow for File Storage: We’ve got your back(end)! Store your files post-upload with our streamlined backend workflow, making file management a breeze.
Get ready to experience the ultimate in upload plugins with Ultimate Uploadcare.
Coming soon
- A backend workflow action to delete a file from Uploadcare
- Edit an already uploaded image using Uploadcare’s Cloud Editor and save the changes to your database
1 Like
New feature: Delete File Action
“I’ve deleted more files than you will ever upload”
– Confucius, probably
Storing files is great and all, but deleting them is where it’s at!
Use the new ‘Delete File’ workflow action and pass the uuid of the file you want to delete.
If there’s an error (file not found, for example), the action returns the code and message so you can debug as needed.
While I was there, I added the same error returns to the ‘Store File’ action to make it a little clearer
Let me know if you have any questions and I’d love to hear what you want next in the plugin!
2 Likes
New Feature: Edit already uploaded images with the Cloud Image Editor
Deleting and reuploading an image just to edit it is soooo yesterday. Make it a breeze and use the new Cloud Image Editor element
Pass the UUID or URL of your file. You can even pass already edited photos and it will pick up where you left off!
1 Like
Requested Feature: Disable Upload
Just released a requested feature (with a bug that I then squashed ) to allow disabling of the uploader using conditional logic.
To avoid issued with circular reference of the element and recursion, I added a couple extra properties to define the styling for the button when it is disabled.
Happy uploading!
New Feature: Image Shrink
Uploadcare just released a new feature that allows you to accept hi-res images and shrink them in size to a reasonable resolution, keeping the original aspect ratio.
I have added this option to the Ultimate Uploadcare plugin so you can take advantage of it!
Benefits of automatic image resize on upload:
- Users don’t need to downscale images on their devices to meet the uploading requirements.
- Optimized storage.
- Faster uploading.
Use the image-shrink
option to apply client-side image resize with values like:
800x600
, shrinks images to 0.48 megapixels with the default JPEG quality of 80% (default, when not set).
1600x1600 95%
, shrinks images to 2.5 megapixels with the JPEG quality set to 95%.
Read more about this option in Uploadcare’s documentation - File Uploader image shrink
1 Like
New Feature: Force Aspect Ratio When Uploading
While I was under the hood, I thought I should add the crop preset option when uploading files (not sure how I missed that before )
Like the Cloud Image Editor, define an aspect ratio that you need and it will force the user to crop their image to that size. When uploading more than one image, it auto crops to that new aspect ratio.
Leave blank to allow free format cropping. Also goes without saying that you need to have ‘Allow Image Editing’ enabled for this to take affect.
1 Like
New Features: New events and a helpful workflow action
Version 1.11.0
Some small quality of life additions:
- Workflow action - Extract UUID
- Pass a file path and have the UUID from that path returned. Perfect for those that store just the file path but still need to interact with Uploadcare using the UUID.
- Event - Done Clicked
- Triggered when the user clicks the ‘Done’ button
- Event - Modal Opened
- Triggered when the user opens the uploader modal
- Event - Modal Closed
- Triggered when the user closes the uploader modal
2 Likes
New Features: Output to base64 and define allowed file types
Version 1.13.0
Following a couple of feature requests, I’ve added two features related to using the outputted images with an API (in particular, AI tools like Claude or OpenAI)
Output in base64
If the API you’re using doesn’t accept URLs for images, you can convert the image to base64 and choose the output style. The base64 is then exposed in the new state ‘Base64 Array’.
Define the allowed file types
In a similar vein, some APIs restrict the type of image files they accept (too much hate for HEIC if you ask me!).
If needed, just specify which files you want to allow the user to upload. Leave blank for all file types!
Have a great weekend
New Feature: Open the uploader from a workflow action
Version 1.14.0
If you don’t fancy styling the Uploader element to look like a button, or maybe you want to have both a drop area and a button, you can now open the Ultimate Uploader using a workflow action.
Just use the action called ‘Open Uploader’ and you’re good to go!
New Feature: Pre-populate the uploader with existing files
Version 1.15.0
Following a feature request, I’ve added the ability to pre-populate the uploader with already uploaded files.
This is great if you want to use the uploader as your file manager.
One thing to note, however, is that deleting a pre-populated file from the uploader widget doesn’t delete that file from your Uploadcare account.
New Feature: Localisation
Version 1.16.1
Following a feature request, I’ve added the ability to change the language of the Uploadcare widget.
Just select the language you want from the dropdown and you’re good to go!
This did require a larger migration to Uploadcare’s latest widget version so if you notice anything that stopped working (I tested thoroughly but might have missed something), let me know!
1 Like
New Feature: Dynamic Localisation
Version 1.19.0
For some reason I forgot to make the localisation support dynamic values
Now it’s a dynamic text field instead of a dropdown and can be populated from an option set or database field, or any other dynamic expression, really!
Just make sure it matches the allowed values (en, fr, es, etc).
If you had the language set to anything other than the default (en) previously, you’ll need to reset it once you update.
New Features: Dynamic Dark Mode and Image Metadata in JSON output
Version 1.21.0
Feature double whammy coming out today (as well as a few bug fixes)!
Dark Mode
You can now dynamically define whether you want the uploader to be light/dark mode (or just the system default).
One thing to not is that at the moment it will apply the default CSS from Uploadcare when you use dark mode.
I’m going to be rethinking how to simplify and streamline styling definition in the Uploader element configurator and will add more customisation to the dark mode colours with those updates.
File Metadata
The state ‘Array of Files’ has been extended to include information about the image (size, width, height, etc) for those that need it.
An example output:
{
"uuid": "ce8b9e8d-abe4-4359-b727-eb0202981f5a",
"file_name": "authimage.webp",
"file_path": "https://ucarecdn.com/ce8b9e8d-abe4-4359-b727-eb0202981f5a/",
"is_image": true,
"size": 598280,
"mime_type": "image/webp",
"image_info": {
"dpi": null,
"width": 1920,
"format": "WEBP",
"height": 2880,
"sequence": false,
"colorMode": "RGB",
"orientation": null,
"geoLocation": null,
"datetimeOriginal": null
},
"video_info": null
}