title: Code to browse crop and upload profile photo as like in gmail settings?
body: <p>Can anybody suggest the name of the gooogle api or the required jquery script &amp; files to browse crop and upload profile photo as like in gmail settings?</p>
  
  <p>To chnage the profile image In gmail we click over "Change Picture" and get an option to upload image in a modal.Then we browse an image and crop it and then upload it, there in modal. I need that exact thing in my application too. I tried it to do by following "<a href="http://odyniec.net/projects/imgareaselect/examples.html" rel="nofollow">http://odyniec.net/projects/imgareaselect/examples.html</a>". Everything works fine.But during cropping the rectangular/square box is not coming. Its work fine if I don't do it on modal. But as i have to do it on a modal hence I need help. I am using cakephp, jquery-2.1.1, jquery.blockUI-2.66.0, jquery.imgareaselect.pack and jquery-pack. </p>
  
  <p>I would like to know is there any API provided by google to do so..It would be a great help if anybody could guide me to solve my problem...</p>
  
  <p>I used <a href="http://www.jqueryrain.com/?BEAlLLl9" rel="nofollow">http://www.jqueryrain.com/?BEAlLLl9</a> and finished the task.</p>