Questions tagged [cropper]
128 questions
2
votes
1 answer
React Native: Popular library which supports image cropping without zoom in/out feature
Currently I am using react-native-image-crop-picker which works very fine for cropping the image in iOS. But I would like to prevent the zoom in/out feature. Unfortunately it is not supported in this library.
My requirement is,
Launch cropping…
Inaccessible
- 1,560
- 3
- 18
- 42
2
votes
1 answer
fengyuanchen/jquery-cropper Avoid creating new crop-box
I am using jquery-cropper library for cropping images. The following is my current code.
HTML:
Javascript:
var $image2 = $('#image2');
…
Anand Murali
- 4,091
- 1
- 33
- 46
2
votes
1 answer
Cannot read property toBlob of undefined when saving a cropped image with CropperJS
I have a code to send the cropped image to my server through ajax like below:
function saveCrop(){
var img = document.querySelector("#banner_image_preview");
var cropper = new Cropper(img);
cropper.getCroppedCanvas().toBlob((blob) => {
const…
goodhand
- 189
- 1
- 1
- 9
2
votes
2 answers
cropper js resize and crop with image magic
How to perform resize and crop with ImageMagick using the data from cropperjs?
The user can upload a large image and zoom/pan to crop. Tried using blob but it looses too much quality and times out too often.
Example from fiddle with the following…
user1918032
- 33
- 1
- 1
- 5
2
votes
1 answer
Image rotation on button press croppermaster
I am using this plugin to crop images and I want to implement rotation of the image whilst it is in the cropping tool. I am initializing the cropper using the following code.
$('#image').cropper({
aspectRatio: 7 / 5,
viewMode: 1,
dragMode:…
Hayden Passmore
- 1,135
- 2
- 12
- 34
2
votes
1 answer
Issue with setCropBoxData in cropper js
I have created a function which resizes the size of the crop box. The user enters height and width, clicks "set" and job is done.
$('body').on('click', '#cropImageModal .set_box_size', function () {
var width =…
Vlad Vladimir Hercules
- 1,781
- 2
- 20
- 37
2
votes
1 answer
DropzoneJs: create a thumbnail after cropping image with CropperJS
I'm using Cropper 3.1.3 and DropzoneJS 5.2.0, two popular JavaScript library to crop images and drop/upload images, respectively.
I will omit a lot of the code that surrounds the UI. At a certain point I select a crop area and I press a "crop"…
JeanValjean
- 17,172
- 23
- 113
- 157
2
votes
0 answers
Cannot crop PNG images using cropper js
I am using cropperjs to crop images and upload them. I can crop JPEG images but not PNG images currently. For both JPEG and PNG images, the img tag shows the base64 string in the console after I crop.
For JPEG images after I crop and hover over the…
user3673849
- 33
- 1
- 7
2
votes
0 answers
Upload cropped image using cropper.js plugin and jQuery
I use cropper.js to crop an image. Cropping and displaying works well.
I now want to upload the image using jQuery's Ajax to the directory /uploads (the permissions are set correctly)
Problem: The image is not uploaded, actually nothing…
FlyingFlo
- 19
- 5
2
votes
2 answers
Cross origin issue with cropper.js
I am using cropper.js to crop the images
I wrote a directive which will take the image src
return {
restrict: 'A',
controller: _cropperController,
bindToController: {
imagesrc:"=?"
},
…
tania saxena
- 173
- 1
- 2
- 16
2
votes
1 answer
cropper.js uploading the original images with coordinates
I am using cropper.js. I would like to upload the original image and the cropped coordinates(x,y,width,height) not the cropped image. What is the preferred way to do that?
Thanks.
babazs
- 115
- 11
2
votes
0 answers
Cropper.js at angular 2: cropper displays the previos image
I build ionic2 application - based on angular 2.
In my app I use Cropper.js library for let user edit the images he loaded.
Now I have a problem.
When user load new picture, I show it at the main container and open the crop-box for this image.
But…
user5260143
- 1,048
- 2
- 12
- 36
2
votes
1 answer
How to send cropped image with form post
How can I handle cropped image and send with post? I am using Cropper.js library. The HTML codes already in a form element. These codes copied from sample admin template. Cropping works but I cant send files.
HTML:
Burak C
- 1,159
- 8
- 10
2
votes
1 answer
semantic ui modal and cropper.js
I am try to add cropper.js in semantic modal. i am doing following step.
1) I have button on page called [Choose image]
2) If i am click on choose image one modal is open name is [thumbs].
thumbs modal have 2 button [choose from local pc] and…
Paresh Gami
- 4,777
- 5
- 23
- 41
1
vote
1 answer
Why does Cropper.js return null on second attempt when it is used in Bootstraps Nested Model?
I wanted to do followings:
A button pops up firstModal with SUBMISSION FORM.
Within this FORM there is a Document upload input with 2 options, First is normal input file upload, second is screenshot paste option.
if second option is selected, then…
DrWalt Bishop
- 49
- 7