裁剪图片对我们来说是再熟悉不过的了，最近工作中就又遇到了这个需求，所以想着干脆整理下来，方法大家和自己在需要的时候参考学习，所以这篇文章主要介绍了利用Javascr ipt裁剪图片并存储的简单实现，后端PHP处理我用的是THINKPHP框架，需要的朋友可以参考下。

前言 就我而言，页面上的设计比较灵动的部分，其实不是很多，诸如滑动验证码，图片裁剪等比较好的交互设计。 从刚开始工作的时候，我就想把这些东西了解下，无奈一直没这个需求，乘着今天的空闲，研究了一下午，期间遇到了大大小小的问题，一直备受折磨，这其实也反映一个问题，我的 还是比较薄弱。 实现效果： 用户点击上传图片后，页面显示所上传的图片，并且出现裁剪框和两个预览区域，最后点击裁剪按钮保存裁剪的图片到服务器上。  效果很简单，整个过程我遇到的两个难点，第一个是裁剪的JS效果，第二个则是图片数据的处理。