MARKETPLACE
PLUGINS
IMAGE CROPPER
Image Cropper logo

Image Cropper

Published May 2019
   •    Updated this week

Plugin details

Cropper.js is a mobile-friendly, highly customizable image cropper.
Options include;
Limiting aspect ratio,
Showing guides,
Showing grid background,
Locking the cropbox,
And much more.

Demo page - https://cropper.bubbleapps.io/version-test

Editor - https://bubble.is/page?type=page&name=index&id=cropper&test_plugin=1559094386979x605571718542786600_current&tab=tabs-1

This uses the open source library cropper.js - https://fengyuanchen.github.io/cropperjs/

$50

One time  •  Or  $5/mo

1.0 stars   •   3 ratings
362 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Steven Junio logo
Steven Junio
Joined 2018   •   7 Plugins
View contributor profile

Instructions

1. Put the Cropper Element on your page. 2. Fill out the properties however you want.
3. To get your Cropped image, run the "Get Cropped Image" action.
4. Access the cropped Image in the elements "Cropped Image" state
5. Upload the Cropped image using the "Upload Cropped Image" action
6. Access the Uploaded Cropped Image in the elements state "Uploaded Image"

Update the Cropper elements image source by running the action "Set Image Source" and provide the image source in the property editor.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Productivity   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (1.0)

DO NOT WASTE YOUR TIME OR MONEY
October 14th, 2020
This has to be the biggest waste of time, money, and effort we've seen so far. It is literally impossible to save a cropped image to the database. On top of that, the configuration is just plain stupid. We'll be reaching out to Bubble and our credit card company to dispute this purchase. Does not work as advertised. Complete waste.
Hello, Sorry you've had a bad experience with this. It should be possible to upload the cropped image to the database, you just have to run the action "Upload Cropped Image ImageCropper A". Please reach out on the forum if you need help using the plugin properly or are experiencing bugs. https://forum.bubble.io/t/image-cropper-new-plugin/58182 I know it's not the simplest setup, but I've set this up to allow for maximum flexibility. This makes for a more complex setup, but allows the most usability (plugin author)
March 29th, 2021
  •  
Steven Junio
can't upload and update things having picture on one flow, need multi click
June 15th, 2020
Documentation is unclear, editor is fake, no support, lost 7$
Hello sorry you are experiencing issues. The editor is not fake, it uses the exact plugin with no custom code. Please reach out on the forum if you are having trouble with your setup or are experiencing bugs. https://forum.bubble.io/t/image-cropper-new-plugin/58182 (plugin author)
March 29th, 2021
  •  
Steven Junio
Nice Plugin!
November 30th, 2019
Better than others I've tried. I love all of the options. However, I wish there were more instructions. Is there a way to rotate images?
Added the ability to rotate the image using the Rotate Cropper Action. See demo on this page. https://bubble.io/page?type=page&name=index&id=cropper&tab=tabs-2 You can rotate any degree using any element that returns a number. (plugin author)
December 10th, 2019
  •  
Steven Junio
Bubble