PHP+jQuery+jCrop在线上传裁剪头像(内含源码)
2014-08-02 17:40
519 查看
源码里面使用到两个开源的jQuery插件:其一是Ajax上传用的是uploadify,这个上传插件比较牛逼,并且可以自定义的东西也比较多,demo里面我用的不完善,没有把项目里面用到的取消上传和删除功能加上,同样也可以使用其他不需要使用Flash的jQuery上传插件。其二是jQuery jCrop,用于裁剪已经上传好的图片。
服务端我写了3个PHP文件,config.inc.php包含两个公共函数,唯一一个可以需要配置的是上传后的图片会被压缩为宽高不超过500px(默认)的小图后再供前台调用,因为如果用户上传比较大的图片的话不仅仅要占用比较多的存储空间,大图裁剪还会给服务器带来额外的压力。
Java代码
function resize( $ori ){
if( preg_match('/^http:\/\/[a-zA-Z0-9]+/', $ori ) ){
return $ori;
}
$info = getImageInfo( ROOT_PATH . $ori );
if( $info ){
//上传图片后切割的最大宽度和高度
$width = 500;
$height = 500;
$scrimg = ROOT_PATH . $ori;
if( $info['type']=='jpg' || $info['type']=='jpeg' ){
$im = imagecreatefromjpeg( $scrimg );
}
if( $info['type']=='gif' ){
$im = imagecreatefromgif( $scrimg );
}
if( $info['type']=='png' ){
$im = imagecreatefrompng( $scrimg );
}
if( $info['width']<=$width && $info['height']<=$height ){
return;
} else {
if( $info['width'] > $info['height'] ){
$height = intval( $info['height']/($info['width']/$width) );
} else {
$width = intval( $info['width']/($info['height']/$height) );
}
}
$newimg = imagecreatetruecolor( $width, $height );
imagecopyresampled( $newimg, $im, 0, 0, 0, 0, $width, $height, $info['width'], $info['height'] );
imagejpeg( $newimg, ROOT_PATH . $ori );
imagedestroy( $im );
}
return;
}
另外两个文件upload.php和resize.php分别用于前端Ajax请求图片的上传和裁剪。需要说明的是在resize.php会把第一步上传压缩好的图片裁剪后复制为N张图片,用于生成不同大小的头像,如果需求只需要一张图片,并且不需要保留原图的,直接在原图上修改即可,这样会节省很多资源。最好强调:图片处理使用GD库,不过推荐使用imagick。
文章出处 /article/3961200.html
服务端我写了3个PHP文件,config.inc.php包含两个公共函数,唯一一个可以需要配置的是上传后的图片会被压缩为宽高不超过500px(默认)的小图后再供前台调用,因为如果用户上传比较大的图片的话不仅仅要占用比较多的存储空间,大图裁剪还会给服务器带来额外的压力。
Java代码
function resize( $ori ){
if( preg_match('/^http:\/\/[a-zA-Z0-9]+/', $ori ) ){
return $ori;
}
$info = getImageInfo( ROOT_PATH . $ori );
if( $info ){
//上传图片后切割的最大宽度和高度
$width = 500;
$height = 500;
$scrimg = ROOT_PATH . $ori;
if( $info['type']=='jpg' || $info['type']=='jpeg' ){
$im = imagecreatefromjpeg( $scrimg );
}
if( $info['type']=='gif' ){
$im = imagecreatefromgif( $scrimg );
}
if( $info['type']=='png' ){
$im = imagecreatefrompng( $scrimg );
}
if( $info['width']<=$width && $info['height']<=$height ){
return;
} else {
if( $info['width'] > $info['height'] ){
$height = intval( $info['height']/($info['width']/$width) );
} else {
$width = intval( $info['width']/($info['height']/$height) );
}
}
$newimg = imagecreatetruecolor( $width, $height );
imagecopyresampled( $newimg, $im, 0, 0, 0, 0, $width, $height, $info['width'], $info['height'] );
imagejpeg( $newimg, ROOT_PATH . $ori );
imagedestroy( $im );
}
return;
}
另外两个文件upload.php和resize.php分别用于前端Ajax请求图片的上传和裁剪。需要说明的是在resize.php会把第一步上传压缩好的图片裁剪后复制为N张图片,用于生成不同大小的头像,如果需求只需要一张图片,并且不需要保留原图的,直接在原图上修改即可,这样会节省很多资源。最好强调:图片处理使用GD库,不过推荐使用imagick。
文章出处 /article/3961200.html
相关文章推荐
- JQuery-Jcrop插件裁剪头像,及头像的上传
- 头像上传插件(php+jquery_jcrop_js+jquery_form_js实现)
- jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
- jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
- 头像上传和裁剪(uploadify+Jcrop+php)
- Jcrop+uploadify+php实现上传头像预览裁剪
- Jcrop+uploadify+php实现上传头像预览裁剪
- 使用Jcrop.js和jQuery.form.js,用ImageIO等进行头像上传缩放及裁剪
- php+jquery+Jcrop实现上传-截取-保存图片功能
- 在线裁剪图片jquery插件Jcrop - 中文文档
- JQuery上传插件Uploadify + Jcrop图像裁剪的几个常用小技巧
- jquery 头像(图片)拖动裁剪插件Jcrop
- flash + php头像上传预览裁剪组件1.8
- PHP+JQUERY+AJAX上传、裁剪图片(2)
- flash 头像上传裁剪预览支持多种语言php,jsp,asp,asp.net
- PHP整合Jcrop截取的上传头像功能
- php+jquery+ajax无刷新图片上传裁切,模拟flash头像上传实例 推荐
- 上传头像自定义裁切, JCROP 选区,AJAX 上传,PHP GD库裁切
- flash + php头像上传预览裁剪组件1.8发布了
- PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁