Cropping The Image With Preview The Crop Image

Yii 1.1 General Discussion
1

How to preview the crop image using jquery

2

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

3

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.
4

Hi,

http://www.codeforest.net/how-to-crop-an-image-using-jquery-and-php

This link will help you :)

5

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


$("#pro_pic").change(function(){


	// fadeOut or hide preview


	p.fadeOut();


	


	// prepare HTML5 FileReader


	var oFReader = new FileReader();


	oFReader.readAsDataURL(document.getElementById("pro_pic").files[0]);








	oFReader.onload = function (oFREvent) {


   		p.attr('src', oFREvent.target.result).fadeIn();


	};


});

Plz if u know answer me

6

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

7

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

[size=2]

[/size]

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