Stack Overflow
Stack Overflow

Questions tagged [croppie]

Croppie is a fast, easy to use image cropping jQuery plugin with tons of configuration options!

Croppie is supported in the following browsers:

  • Firefox 10+
  • Chrome 12+
  • IE 10+
  • Edge
  • Safari 4+
  • Opera 15+
  • iOS
  • Android

IE9 may be supported, but it isn't tested. If you're able to test it and let us know, please do so on Github.

88 questions
10
votes
1 answer

How to destroy Croppie jQuery existing instance?

I've using Croppie jQuery Library for crop a image but facing a problem when it will create multiple instances. I've found no documentation about destroy instance. function initCrop() { var $uploadCrop; $('#image_crop').destroy(); …
Govind Samrow
  • 9,981
  • 13
  • 53
  • 90
6
votes
1 answer

Inject cropped file as input:file value

I am using jQuery Croppie lib for cropping user's uploaded file. When user uploads file, I am opening modal in which user can crop image. After that I want to set this cropped image as file input value so that, user can submit form then when…
Aram810
  • 619
  • 7
  • 21
4
votes
0 answers

croppie js image size of uploaded image is 7-8 times then orignal image

I have implemented croppie js in my application with following configuration. var uploadconfig = { imgw: "360", imgh: "240", type:"square", upid:"id_upload", displaydiv:"imgupdiv", act:"saveimage", imgsize:"large" }; $uploadCrop =…
vinit agrawal
  • 159
  • 1
  • 1
  • 9
4
votes
1 answer

How do I store a base64 encoded image inside of laravel using the storeas method()?

I am at the end of my wisdom trying to use the StoreAs method in Laravel to store an image that has not been attached by the html file handler and has been sent through request being of type "File". I have created a cropped image using croppie:…
Benny
  • 839
  • 16
  • 32
3
votes
1 answer

How to set min and max value for slider in croppie Js library

I set the scalezoom to 0.5,but it not working. I want to set min and max zoom scale for slider should not zoom in less than min value and should not zoom out than max value.
Dinesh
  • 159
  • 3
  • 15
3
votes
1 answer

Croppie result to send to web server

Can someone please help me with this? I'm not that versed at JavaScript and I've read the documentation over and over plus reviewed as many posts here as well as googled the problem. I'm not able to get my cropped result and send it to my web…
SiriusGD
  • 95
  • 1
  • 11
3
votes
1 answer

Crop Image using Javascript (Croppie)

I am trying to crop an image to cicle using the Croppie Library I have tried to use their functions to return base64 encoded image. And it return a base64 code but without the image: Here is my code:
AKRAM EL HAMDAOUI
  • 1,818
  • 4
  • 22
  • 27
2
votes
0 answers

Croppie.js image preview/upload is returning a blank image

I'm currently working on a tool that can be used to upload two cropped images (in this case: signatures). For this, I am using the Croppie.js library. My problem is that only the second preview-crop-upload works, while the first returns a blank…
Tom Rassaerts
  • 47
  • 7
2
votes
1 answer

Crop uploaded image in shiny with croppie.js and save as jpeg

I'd like to add simple cropping feature to my shiny app, where uploaded images can be cropped and saved to the file system. The first part of uploading an image and rendering with croppie.js works, but I cannot get the second part of cropping and…
needRhelp
  • 2,948
  • 2
  • 24
  • 48
2
votes
1 answer

I'm sure the code is correct but not working? Javascript, Croppie JS, PHP, jQuery

I'm having some serious trouble with this piece of Croppie.JS Code. It runs on the Croppie.JS demo. Calling the croppie plugin through a variable is working and reporting an object inside the parentheses. However when I try to link it up to the…
andyswebportfolio
  • 61
  • 7
2
votes
0 answers

setting img src attribute in croppie js call back function

The callback function is not able to set the src attribute of an img tag, after cropping and uploading using croppie.js Tried, 1. Sending raw image path i.e. images/user/3432847.png 2. Sending image tag
Ganesh Kumar
  • 93
  • 1
  • 12
2
votes
2 answers

access to a variable inside the function in JavaScript

For example I have this JavaScript function: function createCroppie() { var crop = new Croppie(document.getElementById('js-image-editor'), { enableExif: true, showZoomer: true, viewport: { width: y, height: y, type: 'square'}, …
R.Davis
  • 29
  • 4
2
votes
1 answer

Croppie plugin not working on iOS and Safari

I referred this URL I'm using croppie plugin and it's working fine on Android, Chrome, Mozilla. But not working on iOS and Safari. If I uploaded an image from iOS then it's getting 90* rotate. Also, the image is not uploading on Safari. This is my…
acmsohail
  • 903
  • 10
  • 32
2
votes
0 answers

Property or method "bind" is not defined on the instance but referenced during render

The bind() method in mounted is working but not working when called at button click through mounted. I am using a vue wrapper for croppie and vue2. Does anyone know if I can use this.$refs.croppieRef.bind() directly in template ?