Question

131

Javascript crop image client-side

rated 0 times [ 137] [ 6] / answers: 1 / hits: 33501 / 13 Years ago, wed, july 27, 2011, 12:00:00

I'd like to use javascript or jQuery to crop and compress an image on the client side before uploading to the server.

WorkFlow:

Select Image

Crop Image to specific size

Compress the crop

Upload

Has anyone done this before? What plugin or what do I have to do?

I see facebook can do compressing images and automatically resizing them before uploading.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

aricl

Add To Favorites

Follow

Total Points: 215

Total Questions: 91

Total Answers: 94

Location: Venezuela

Member since Thu, Jul 15, 2021

3 Years ago

aricl questions

1 Error passing tabBarOptions property of react navigation

Mon, Aug 2, 21, 00:00, 3 Years ago

1 how to make a new line for react

Mon, Aug 3, 20, 00:00, 4 Years ago

1 primeng checkbox with reactive form with array

Thu, Feb 13, 20, 00:00, 4 Years ago

1 Merge cells together in 'xlsx-populate' module for node js

Wed, Oct 23, 19, 00:00, 5 Years ago

1 How to access current value in a text input field with puppeteer

Wed, Sep 4, 19, 00:00, 5 Years ago

View All

answered 13 Years ago ira · Accepted Answer

EDIT (2014): This answer is now obsolete! JavaScript is a programming language with implementations that are deeply influenced
by what browser resources are being made available to them. Three
years ago when this post was made (July 2011) browsers didn't have any
kind of reliable functionality which would allow OP to do what he
asked for, hence my answer.

If you are still interested in how this can be done now please consult some of the many answers to this question which have appeared
in the meantime on SO. But please restrain yourself from making any
further comments to this answer because its obviously pointless. Thank you.

Simply put JavaScript is not meant to do what you are asking for. Whatever service you encounter that offers the ability to manipulate selected images you can bet your money that the image has been uploaded completely to the server before any other functionality was offered.