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: stackoverflow.com/questions/2434458/… — user4278933
– user4278933, Commented Apr 8, 2016 at 10:17
and this Q&A also looks promising stackoverflow.com/questions/23945494/… — user4278933
– user4278933, Commented Apr 8, 2016 at 10:18
@NimS I tried to change value of a hidden input when the image is resized, but doesn't work. — mike thomson
– mike thomson, Commented Apr 8, 2016 at 11:47

mike thomson · Accepted Answer · 2016-04-08 12:28:40Z

1

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

answered Apr 8, 2016 at 12:28

mike thomson

578 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

resize image before upload javascript

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related