Cropping The Image With Preview The Crop Image

How to preview the crop image using jquery

jcrop is jquery plugin which allow to crop and preview image.

Thank u 4 ur reply

I am using imageAreaSelect.pack.js

               	In that i got x1,x2,y1,y2,w,h options using that how do i preview the image.


This link will help you :)

thank u chandran

I hav another doubt,

in this javascript where i insert the before send functionallity

$(document).ready(function() {

var p = $("#u_pro_pic");

// prepare instant preview


	// fadeOut or hide preview



	// prepare HTML5 FileReader

	var oFReader = new FileReader();


	oFReader.onload = function (oFREvent) {




Plz if u know answer me

Actually, you may find a suitable solution by google. There are lots of free programs.

Thank u 4 ur reply [size=2]Cheungxin,[/size]



[size=2]In 3months before i got image preview with cropping.[/size]