pepperstreet VIP
Total posts: 3,837
15 Feb 2013 06:24

(HeadsUp: Please, visit newer updated COBALT8 topic)


A discussion on the modified Cobalt Image field called AG Picture, lead to the following idea and improvement...

Image upload with (optional) preview and crop feature. Most applicable for single image fields, especially useful for profile avatars and company logos.

Workflow:

  • select file to upload
  • preview image
  • crop image interactively (optional)
  • save edited image (keep original for further edits?)

Some tutorials and ready-made solutions, mostly based on jQuery.

(there was a project called MooCrop based on MooTools, but it disappeared) :

[Jcrop - the jQuery Image Cropping Plugin]( http://deepliquid.com/content/Jcrop.html

) (2013, versatile, docs & API)

PHP & jQuery image upload and crop

Ajax Image Upload and Resize with jQuery and PHP (May 2012

Image Upload and Cropping with PHP and Jquery (june 2011)

jQuery image cropper with uploader (Okt 2009)

jQuery image cropper with uploader v1.1 (Nov 2009)

Thanks for listening.

Last Modified: 07 Jan 2015

Comments have been disabled for this article and works only in read only mode.

pepperstreet VIP
Total posts: 3,837
18 Feb 2013 11:26

FYI, another** jQuery File Upload**

(bootstrap style, thumb preview, dragNdrop, but without crop)

demo and docs

[GitHub project

]( https://github.com/blueimp/jQuery-File-Upload )


pepperstreet VIP
Total posts: 3,837
11 Oct 2013 05:23

FYI, popular and versatile uploader with resize and more.

PLupload


andiamine VIP
Total posts: 295
05 Jan 2015 19:05

hi my friend, i'm workin' on uploading field that use Plupload


pepperstreet VIP
Total posts: 3,837
07 Jan 2015 03:22

andiamine hi my friend, i'm workin' on uploading field that use Plupload

Interesting and awesome news! :)

BTW, you have posted in the C7 category. I assume you are going to target C8, right?! ;)

Powered by Cobalt