Image upload crop resize save to folder

 

I want from user to upload an image of any size for (jpg,png,gif) format. After uploading the image I want him to crop the image (client side) using jquery and save that cropped image (php) to application folder.

Please tell me the feasible solution to make this functionality working fine.

ImageMagick is used for croping images:

http://www.sitepoint.com/crop-and-resize-images-with-imagemagick/

For using ajax:

http://www.sanwebe.com/2012/05/ajax-image-upload-and-resize-with-jquery-and-php

Given that you already have the PHP code to crop, use one of this plugins to allow the user define how she wants to crop the image and provide the data you need:

  • Guillotine: Very lightweight plugin that allows to crop, zoom and rotate images with touch support and it's responsive (demo).

  • Jcrop: Allows free selection cropping (demo).

    • It is simple image crop using jquery and php using cropbox.js

    Please watch the following video

    Simple image crop

    链接地址: http://www.djcxy.com/p/20022.html

    上一篇: 无法从fx = f 1 y推导出f = f 1？

    下一篇: 图片上传裁剪调整大小保存到文件夹