上传裁图的插件php,jcrop插件+php实现的图片上传与裁剪

error_reporting(7);

date_default_timezone_set("Asia/Shanghai");

header("Content-type:text/html; Charset=utf-8");

require_once("./image.class.php");

$images = new Images("file");

if ($_GET['act'] == 'cut'){

$image = "0000.jpg";

$res = $images->thumb($image,false,1);

if($res == false){

echo "裁剪失败";

}elseif(is_array($res)){

echo '';

echo '';

}elseif(is_string($res)){

echo '';

}

}elseif(isset($_GET['act']) && $_GET['act'] == "upload"){

$path = $images->move_uploaded();

$images->thumb($path,false,0); //文件比规定的尺寸大则生成缩略图，小则保持原样

if($path == false){

$images->get_errMsg();

}else{

echo "上传成功！查看";

}

}else{

?>

ttp://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd">

jQuery(function($){

// Create variables (in this scope) to hold the API and image size

var jcrop_api, boundx, boundy;

$('#target').Jcrop({

minSize: [48,48],

setSelect: [0,0,190,190],

onChange: updatePreview,

onSelect: updatePreview,

onSelect: updateCoords,

aspectRatio: 1

},

function(){

// Use the API to get the real image size

var bounds = this.getBounds();

boundx = bounds[0];

boundy = bounds[1];

// Store the API in the jcrop_api variable

jcrop_api = this;

});

function updateCoords(c)

{

$('#x').val(c.x);

$('#y').val(c.y);

$('#w').val(c.w);

$('#h').val(c.h);

};

function checkCoords()

{

if (parseInt($('#w').val())) return true;

alert('Please select a crop region then press submit.');

return false;

};

function updatePreview(c){

if (parseInt(c.w) > 0)

{

var rx = 48 / c.w; //小头像预览Div的大小

var ry = 48 / c.h;

$('#preview').css({

width: Math.round(rx * boundx) + 'px',

height: Math.round(ry * boundy) + 'px',

marginLeft: '-' + Math.round(rx * c.x) + 'px',

marginTop: '-' + Math.round(ry * c.y) + 'px'

});

}

{

var rx = 199 / c.w; //大头像预览Div的大小

var ry = 199 / c.h;

$('#preview2').css({

width: Math.round(rx * boundx) + 'px',

height: Math.round(ry * boundy) + 'px',

marginLeft: '-' + Math.round(rx * c.x) + 'px',

marginTop: '-' + Math.round(ry * c.y) + 'px'

});

}

};

});

}

?>