这个应用的关键： 　1.让左边选择区域和右边显示的图像信息保持一至。 　2.根据左边选择区域的大小，来让右边有一个对局部放大或缩小的效果。 3.后台上传功能。 　　那么这一次，只谈[放大]或[缩小]。[位置]和[上传]问题，下次，我再写下(因为那个插件代码太多，我也没看完，正在 ...

插件介绍 这是一个我在写以前的项目的途中发现的一个国人写的jQuery图像裁剪插件，当时想实现用户资料的头像上传功能，并且能够预览图片，和对图片进行简单的裁剪、旋转，花了不少时间才看到了这个插件，感觉功能挺全面，代码实现起来也挺简单，再加上用的是Bootstrap，对移动端操作也有适配，于是就 ...

在做头像上传的时候，浏览器默认是无法取得本地图片的，当然 HTML5 是可以的。不过IE6-8怎么破？目前比较通用的方案都是 flash 解决。 说道头像预览和裁剪，我最熟悉的就是 Discuz 的那个了，非常方便好用。不仅可以选择本地图片，还能直接调用摄像头拍摄，当然前提是你必须有个摄像头 ...

Imgareaselect 是一个 允许用户使用简单、直观的点击、拖动界面图像选择矩形区域的jQuery插件。该插件可用于 web 应用程序中轻松实现图像裁剪功能，以及其他功能，如照片标记、 图像编辑功能，等等. 支持浏览器： Firefox 2+, Opera ...

最近工作真心忙碌，几乎没时间写博客。今天趁周末来仿一个QQ头像裁剪功能插件。效果如下： 所有文件都可在我的Github上下载，从头到尾从简到繁按步骤一共分了9个HTML文件，每个步骤文件里的注释都写的很清楚，故在本博客内不赘述。 原理： 主要是通过css的clip来裁剪图片可视区 ...

最近由于项目需要，所以做了一个上传头像预览并且可以预览裁剪的功能，大概思路是上传的图片先保存到服务器，然后通过ajax从服务器获取到图片信息，再利用Jcrop插件进行裁剪，之后通过PHP获取到的四个裁切点的坐标进行裁剪。 首先看一下uploadify上传插件的API： uploader ...

效果 页面结构 JS代码 需要注意的是如果使用jQuery 1.9及以上版本移除了$.browser可以使用$.support来替代 ...

（本文原创，引用请注明出处--zhangjieatbky） 环境准备 准备jquery、jcrop的js和css（官网获取）、jquery的文件上传下载组件 html代码 ...