PHP+jQuery+jCrop在线下传裁剪头像(内含源码)
程序员文章站
2022-05-11 17:11:40
...
PHP+jQuery+jCrop在线上传裁剪头像(内含源码)
源码里面使用到两个开源的jQuery插件:其一是Ajax上传用的是uploadify,这个上传插件比较牛逼,并且可以自定义的东西也比较多,demo里面我用的不完善,没有把项目里面用到的取消上传和删除功能加上,同样也可以使用其他不需要使用Flash的jQuery上传插件。其二是jQuery jCrop,用于裁剪已经上传好的图片。
?服务端我写了3个PHP文件,config.inc.php包含两个公共函数,唯一一个可以需要配置的是上传后的图片会被压缩为宽高不超过500px(默认)的小图后再供前台调用,因为如果用户上传比较大的图片的话不仅仅要占用比较多的存储空间,大图裁剪还会给服务器带来额外的压力。
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'] $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。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论