resize image before upload javascript

Question

First, i'm french and i'm sorry in advance for mistakes.
I have a cover photo displayed before sending the form.
The person can reposition the image , zoom , etc.
Script : https://github.com/matiasgagliano/guillotine

The problem is that i don't know how to send the new image resized and not the default image. The API has set a function to get info about image :

var data = picture.guillotine('getData');

but i don't where how use this and where. I'm a beginner in JS.

Thanks much.

Good question. I have not tried yet, but I suggest you look at this: http://stackoverflow.com/questions/2434458/image-resizing-client-side-with-javascript-before-upload-to-the-server — , Apr 08 '16 at 10:17
and this Q&A also looks promising http://stackoverflow.com/questions/23945494/use-html5-to-resize-an-image-before-upload — , Apr 08 '16 at 10:18
@NimS I tried to change value of a hidden input when the image is resized, but doesn't work. — mike thomson, Apr 08 '16 at 11:47

score 1 · Accepted Answer · answered Apr 08 '16 at 12:28

I'm an idiot.
I put that code into the dragging function.

var data = picture.guillotine('getData');
getID("scale").value = data.scale;
getID("x").value = data.x;
getID("y").value = data.y;

The values 3 hidden inputs are used to resized the image in PHP with gb librairy

resize image before upload javascript

1 Answers1