主页：http://deepliquid.com/content/Jcrop.html官方下载地址：http://deepliquid.com/content/Jcrop_Download.html下载包中除了 CSS 文件夹和 js 文件夹外还提供了几款 demo：1. non-image.html 不包含图像的任意 div 的剪裁方式：2.styling.html提供了 3 种可以选择的遮罩色、透明度和选区边框样式 jcrop-light ( bgcolor:#fff opacity:0.5 ) , jcrop-dark ( bgcolor:#000 opacity:0.4 ) , normal ( bgcolor:#000 opacity:0.6 )...
需求是：上传一个图片，然后将上传的这个图片进行切割。。。。。。。。首先是jsp页面。页面需要引入js <script src="${fileUrlPrx}/scripts/wap/jquery.min.js"></script> <script src="${fileUrlPrx}/scripts/wap/jquery.Jcrop.min.js"></script>注意几个隐藏域，这些是选中区域的点坐标，与长宽： <input type="hidden" id="x" name="x" value="0"/> <input type="hidden" id="y" name="y" value="0"/> <input type="hidden...
首先，Java代码里带一个获取ImageReader的Iterator /*** 从网上摘抄的。* 返回包含所有当前已注册 ImageReader 的 Iterator，这些 ImageReader 声称能够解码指定格式。* 参数：postFix - 包含非正式格式名称 .（例如 "jpeg" 或 "tiff"）等 。* * @param postFix* 文件的后缀名* @author 刘各欢* @return*/public Iterator<ImageReader> getImageReadersByFormatName(String postFix) {switch (postFix) {case "jpg":...
/** * Goofy 2011-11-29 * 图像处理：根据传递过来的坐标参数，x,y,w,h,依次为选取的x坐标，y坐标，w宽度，h高度 * 通过imagecopy()方法将该区域copy至第一步创建的空白图像中 * 注意，在创建图像的时候要用imagecreatetruecolor()真彩色，不然用imagecreate()图片会失真 */ /** * Goofy 2011-11-29 * 图像处理：根据传递过来的坐标参数，x,y,w,h,依次为选取的x坐标，y坐标，w宽度，h高度 * 通过imagecopy()方法将该区域copy至第一...
/** * jQuery图片剪裁插件Jcrop示例脚本 * @copyright 2008 Kelly Hallman * 此处由张鑫旭翻译以及删改，使更方便理解与掌握 */if ($_SERVER['REQUEST_METHOD'] == 'POST'){ //$targ_w = $targ_h = 150; //保存的图片的大小 $jpeg_quality = 90; $src = '../image/xuwanting.jpg'; $img_r = imagecreatefromjpeg($src); $dst_r = ImageCreateTrueColor( $_POST['w'], $_POST['h'] ); imagecopyresampled($dst_r,$img_r,0,0,$_POST[...
php+jquery+Jcrop实现上传-截取-保存图片功能 现在很我网站都流行会员模块上传头像时添加在线截取图片功能，截取完之后再保存，最近也有很多网友问有没有这个功能啊，网站上有一款只实现前端截取图片功能的，至于保存的话就没实现，具体可以查看实现图片截取+预览功能的jquery插件（http://www.jq-school.com/Detail.aspx?id=45），现在分享用php+jquery+Jcrop实现上传-截取-保存图片功能的，文章后面可以打包下载，学习PHP的网友...
PHP+jQuery+jCrop在线上传裁剪头像(内含源码)源码里面使用到两个开源的jQuery插件：其一是Ajax上传用的是uploadify，这个上传插件比较牛逼，并且可以自定义的东西也比较多，demo里面我用的不完善，没有把项目里面用到的取消上传和删除功能加上，同样也可以使用其他不需要使用Flash的jQuery上传插件。其二是jQuery jCrop，用于裁剪已经上传好的图片。 ?服务端我写了3个PHP文件，config.inc.php包含两个公共函数，唯一一个可以需要配...
同事推荐了Jcrop这个插件，到它的官方站点http://deepliquid.com/content/Jcrop.html下载了最新版的压缩包，压缩包中包括了Jcrop的几个demo文件，关键的Jcrop.js文件和jQuery.Jcrop.css文件。基本上来说参照它的几个demo文件就可以学会使用这个插件了。晚上正好学习研究了下，现简单总结如下，也方便下英文不好的朋友们。 使用插件必须条件：引入jQuery.js文件，引入jQuery.Jcrop.js文件，引入JQuery.Jcrop.css文件。 1.最基本使用...
用过新浪微博的朋友对它的头像编辑器都有印象吧.不过人家是用flash做的. 在一个项目中,也用到了同样的东西,本来想直接用新浪微博的,但它有一部分请求路径写到FLASH里面去了,所以只好放弃. 在网上找到了jquery.Jcrop,基本满足了我的需求,但它只是简单的切割而已,还有缩略图没有生成.或许有很多人都需要这类东西吧,于是我把它封装起来了,方便其它朋友直接使用. 官方网址:http://deepliquid.com/content/Jcrop.html 上面有很多demo,有...
jcrop原始下载页面：猛击此处 基本使用方法如下： 一、在head部分(和之间)插入相关css和js文件。二、在head部分插入回调函数等相关处理参数。代码如下: jQuery(function($){ // Create variables (in this scope) to hold the API and image size var jcrop_api, boundx, boundy; $('#cropbox').Jcrop({ minSize: [0,0], maxSize:[0,0], setSelect: [0,0,0,0], boxWidth:800, borderOpacity:0.3, keySupport:false, dr...
网页端 裁剪图片，不需要经过服务器。 这个是用 https://github.com/mailru/FileAPI 框架实现的。配合jcrop. 高级浏览器 使用 canvas 裁剪，ie6 7 8使用 flash过度。 核心代码：var el = $('input').get(0);seajs.use(['gallery/jcrop/0.9.12/jcrop.css','gallery/jcrop/0.9.12/jcrop.js'] ,function(){FileAPI.event.on(el, 'change', function (evt){var files = FileAPI.getFiles(evt); // Retrieve file listFileAPI.filterFil...
本文实例讲述了jQuery头像裁剪工具jcrop用法。分享给大家供大家参考，具体如下： 头像裁剪工具目前比较流行的是flash和jquery的。个人觉得用jquery的比较好，因为代码仔细研究一下，基本上能明白怎么回事，想改的话也比较容易。 有一个例子，请参考：jcrop例子demo ，是根jcrop的例子改的，添加以下二个特点： 1，居中显示，并且可拖拉，改变截取的大小 2，预览的图片，根拖拉的大小成比例。 以下是js代码，作了简单的封装jcrop 图...
本文介绍了头像裁剪上传功能，用到的技术有 jQuery，springmvc，裁剪插件用的是jcrop（中间遇到很多坑，最终跨越）。图片上传步骤：1.用户选择图片2.将图片传入后台：用户选择图片的时候选择的是各种各样的，但是我们的网页显示图片大小是有限的，所以我们就要在用户选择图片之后将图片添加到后台进行压缩，压缩成我们想要的大小，之后再显示到页面才好3.利用jcrop裁剪工具对图片进行裁剪并且实时预览4.点击确定按钮将裁剪用到的参...
本文实例讲述了jQuery头像裁剪工具jcrop用法。分享给大家供大家参考，具体如下： 头像裁剪工具目前比较流行的是flash和jquery的。个人觉得用jquery的比较好，因为代码仔细研究一下，基本上能明白怎么回事，想改的话也比较容易。 有一个例子，请参考：jcrop例子demo ，是根jcrop的例子改的，添加以下二个特点： 1，居中显示，并且可拖拉，改变截取的大小 2，预览的图片，根拖拉的大小成比例。 以下是js代码，作了简单的封装 <!DOCTY...
网页端 裁剪图片，不需要经过服务器。 这个是用 https://github.com/mailru/FileAPI 框架实现的。配合jcrop. 高级浏览器 使用 canvas 裁剪，ie6 7 8使用 flash过度。 核心代码：var el = $(input).get(0);seajs.use([gallery/jcrop/0.9.12/jcrop.css,gallery/jcrop/0.9.12/jcrop.js] ,function(){FileAPI.event.on(el, change, function (evt){var files = FileAPI.getFiles(evt); // Retrieve file listFileAPI.filterFiles(files...