Fancy profile image upload and crop with Jquery, Ajax and PHP

Today we going to learn how to create ajax based profile image upload and crop with PHP. For this tutorial i have used

  • twitter bootstrap 3.0
  • File uploader
  • Jquery Image Area select plugin
  • Jquery pack

HTML:

Script.js:

Upload.php:

Crop_script.php:

For this tutorial i had reference from daltonrenaldo directory.Do not forgot to subscribe for my latest blog updates.
Demo and Download

 

  • Abhilash Raj R S

    I subscribed 3 days ago but cannot able to download the file

    • http://wsnippets.com/ Azhagu pandian

      Hi,

      Can you try with subscribed email id now.?

  • johan

    Hi Azhagu

    Can you assist me with your code for Fancy profile image upload and crop. (upload.php)

    I need the uploaded file and thumbnail name to always be = agent.extension (extension meaning .jpg .ping or .gif) and must be over writable

    Thanxs in advance
    Johan

  • alex

    How can I save the thumbnail in mysql database?

  • Goose

    Not working! No previews to crop

  • http://ekocazeybek.com Enderhan

    How can I save the thumbnail in mysql database?

  • Ricardo Frias

    I subscribed 2 days ago but cannot able to download the file