hongkhanh / cropbox Goto Github PK

Hey,

This really isnt an issue but more like a question. Is there a way to make the thumbBox resizable? I was trying to use jQuery UI resizable function but that doesnt seem to work for me. Any sugguests/Thoughts?

TR

select one image and move image in crop area then without cropping this image select another image and then after move image in crop area then it not drag properly
second time image note move with cursor
image moving speed is more than cursor moving speed.
if you select image third time without cropping previous image or without reload the page then image moving speed in three time faster then cursor.
so whats wrong with this jquery i don't know.

Hello there i have issue

1. How can i make when users click crop the images crop will stay in the images preview (avatar.png) so images will not double
2. How can i only crop one times, yeah i know why click button crop add auto images cause line index.html 62, but please review and guide me or just create simple demo like above, thanks

Note : Croping using jquery

uploaded image not showing in cropbox in safari

hello ,, its not working on safari browser...when we choose file then file has been choosen but not display and also not saved .............plz help me urgent

Thanks

How to limit the draggable area for x-axis?

To keep a browser thin and clear, especially in mobile devices, you should destroy/remove old canvas before return in getDataURL() function.
Some think like that:

var imageData = canvas.toDataURL('image/png');
context.clearRect(0, 0, canvas.width, canvas.height);
return imageData;

Could you please let me know what the cross-browser compatibility is for this image cropper? I am currently experiencing issues in IE8 and IE9, as well as Safari. Look forward to your feedback.

Hello Here,

I'm trying to setup multiple instance of this cropbox on on page, the problem is on the second one, there is a problem with the events the image keeps moving, Like I'm dragging it but I'm not :/

Any idea ?

load a modal and the element is hidden
It works right the first time.

When opening for the second time everything seems fine modal
but the cursor gets stuck when you drag drop

What is the problem?

Hi I want to stop the image from being dragged further if the image goes beyond the crop area.
Is there a way I can stop it?

Hi How to fit the image within the crop box (thumb box or image box) when the first time page loads

Anyone know how to get the image to show once the page loads in a php server ?

Apparently, it is not possible to determine the dimensions of the resulting image. If it is possible, tell me how. If it is impossible, how can I make it possible?

I would like to save the cropped image to a folder using the traditional MOVE_UPLOADED_FILE, but because the cropped image is not selected from a FILE input, this is not working,

Here is the steps the user will take

1. Select input to be cropped (using the given file upload input)
2. Click "Crop" ( This shows the cropped image in the #coverimagebase image element, hiding the .imageBox class )
3. Click "Upload"

Does anyone know how i can go about uploading the image in the IMG element to a folder, else use the already-created img (getBlob) from the plugin?

Hi,
How can I use this library for cropping by clicking on images and not uploading from PC?

Hi,

I couldn't be able to zoom-out if I zoom-in to a vary large size using mousewheel.
It actually zooms in even if I try to zoom it out using mousewheel.

Any help would be greatly appreciated.

Thanks

This is a great tool. Very simple and easy to use.

Is it possible to upload the resulting cropped image? I have a script that can accept the file, but need a way to inject it into a form field to be uploaded.

Given the same design as your demos (http://cssdeck.com/labs/t8bdodvj), you would expect a cropped image of 200x200px, however the resulting cropped image is actually 198x198px.

I've attempted to account for this by setting the thumbBox to 202x202px, however the plugin doesn't position the image correctly as it's attempting to align under the border of thumbBox instead of within the crop region.

Your code can crop a png file with transparent background but it turns it into black background, Is it possible to upload a png file with transparent background and turns into white bg. Thanks. Cheers.

The error message is:
Uncaught TypeError: Failed to set the 'files' property on 'HTMLInputElement': The provided value is not of type 'FileList'.
at HTMLInputElement. (index.html:60)

Having trouble trying to figure out how to use Cropper on a page with multiple upload instances and am not sure it's possible, since the saved results are being written to the window object.

Is this possible?

If so, can you point me to any example code with multiple cropper instances on the same page?

Move an image away from origin and then attempt to zoom. The image snaps back to origin.

When we do zoom in/out image by using mouse, the entire page get scrolled instead of particular image. This will occur only when we have more content in page. Is that any way to solve this issue?

Thanks,

Instead of having "mousemove" Event listen for all the time
el.on('mousedown', imgMouseDown);
//el.on('mousemove', imgMouseMove);
$(window).on('mouseup', imgMouseUp);

/*******************************************************************************************/
Adjustment as below
imgMouseDown = function(e)
{
el.on('mousemove', imgMouseMove);
}

imgMouseUp = function(e)
{
el.off('mousemove');
}

/***********************************************************************************************/
I have also change from "bind" to "on"

Hi,

I have started using this cropbox library in my project, it worked fine on local web application but when i deployed this changes on my website which have HTTPS protocol integrated, it stopped working on that page.

It is giving me error "The page was loaded over HTTPS, but requested an insecure script . This request has been blocked; the content must be served over HTTPS.".

Kindly, help me to resolve this issue.

Thanks.

For some reason you can't move the image round on a mobile, either up or down! Anyone know why and how can this be fixed?

Thanks

在弹框中如何使用

after crop ,this is return blurry images.Please help me to solve this issue.

I am using Cropbox to upload avatar from Cient to Server.But When I have readed document, I dont't know how to use function getBlob and function getDataURL?Can anyone may gave me a code example?Forgive I know a little fo JavaScript!
Thansk a lot!

Hi, Could you provide me an example of image rotation with javascript, Please?