<input type="file" name="myphoto" /> 自动找你照片本地路径
$mysqlphoto=addslashes(fread(fopen($myphoto,"r"),$myphotosize)); 把这个放到数据库的字段中对于截取其中一部分，我不清楚了
$mysqlphoto=addslashes(fread(fopen($myphoto,"r"),$myphotosize)); 把这个放到数据库的字段中对于截取其中一部分，我不清楚了
js部设置个层，获取截取部分的坐标．
将坐标提交到后台.
用gd库来处理．
然后保存到mysql数据库．
能否
给下具体的js 代码（最好后台PHP也给下）
谢谢拉
就是前台的JS 我不会写
我给你再加份
<head><title>
裁减头像 - CSDN个人空间
</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta http-equiv="Content-Language" content="zh-CN" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=builder,effects,dragdrop" type="text/javascript"></script>
<script src="js/ImageCropper/cropper.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
var x1;
var y1;
var width;
var height; document.onkeydown = function(e) {
if (e ? e.which : event.keyCode == 13) {
crop();
}
} function onEndCrop( coords, dimensions ) {
x1 = coords.x1;
y1 = coords.y1;
width = dimensions.width;
height = dimensions.height;
}
Event.observe(
window,
'load',
function() {
new Cropper.ImgWithPreview(
'tempPicture',
{
minWidth: 100,
minHeight: 100,
ratioDim: { x: 100, y: 100 },
displayOnInit: true,
onEndCrop: onEndCrop,
previewWrap: 'previewArea'
}
)
}
);
function closeWindow()
{
window.opener.openWindowUnload();
window.close();
}
function crop()
{
if (!$('cropButton').disabled)
{
$('cropButton').disabled = true;
$('cropButton').value = '正在裁减图片，请稍候...';
var opt={
method:'post',
parameters:{x1: x1, y1: y1, width: width, height: height},
onSuccess: function(){ closeWindow(); },
onFailure: function() {
alert('裁减图片错误');
$('cropButton').value = '裁减';
$('cropButton').disabled = false;
}
}
new Ajax.Request('CropPicture.aspx', opt);
}
}
function resize()
{
var w = $('tempPicture').offsetWidth + 170;
var h = $('tempPicture').offsetHeight + 173;
var x = (screen.width-w)/2;
var y = (screen.height-h)/2;
self.moveTo(x, y);
self.resizeTo(w, h);
}
</script>
<style type="text/css">
*{margin:0;padding:0;}
.exprt_noticeboxstysmall{background:url(images/croppicture_bg.gif) repeat-x;font:normal 12px verdana,sans-serif;margin:5px;border:1px solid #f60;}
.exprt_noticeboxstysmall h3{font-size:14px;color:#FFF;line-height:28px;text-indent:0.5em;}
.exprt_noticeboxstysmall h4{font-size:12px;color:#000;padding:0.5em 0.5em 0;}
.exprt_noticeboxstysmall p{color:#f00;padding:0.5em;}
.exprt_noticeboxstysmall input{border:1px solid #000;margin:0 6px 0 0;font:normal 12px Tahoma,sans-serif;}
#image {
float: left;
margin: 10px 0 10px 10px;
display:inline;
}
#previewArea {
margin: 20px 0 0 20px;
float: left;
}
#buttons {
clear: both;
margin-left: 10px;
margin-bottom: 10px;
}
</style>
</head>
<body onload="javascript:resize();">
<form name="form1" method="post" action="CropPicture.aspx?t=3084" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMjAxNTc3MDgzOWRkKY8ohS2j+S5LF8cBa/1DEh76fjk=" />
</div> <div class="exprt_noticeboxstysmall">
<h3>裁减头像</h3>
<div id="image">
<img src="ShowTempPicture.aspx?t=1133" alt="" id="tempPicture" />
</div>
<div id="previewArea"></div>
<div id="buttons">
<input id="cropButton" type="button" value="裁减" onclick="javascript:crop();" />
<input type="button" value="取消" onclick="javascript:window.close();" />
</div>
</div>
</form>
</body>
</html>
后台部分就是用gd库操作header("Content-type: image/jpeg");
$imgName = $_GET['image'];
$startingW = $_GET['startingW'];
$width = $_GET['width'];
$startingH = $_GET['startingH'];
$height = $_GET['height'];
$imgName = "test.jpg";
$startingW = 300;
$startingH = 300;
$width= 400;
$height = 400;
$im = imagecreatefromjpeg($imgName);
$im1 = imagecreatetruecolor($width, $height);
//imagecopy($im1, $im, 0, 0, $startingW, $startingH, $width, $height);
imagecopyresampled($im1, $im, 0, 0, $startingW, $startingH, $width, $height, $width, $height);
imagejpeg($im1);
imagedestroy($im);
imagedestroy($im1);
给你一个完整的吧，这是使用JavaScript和php完成的，是我根据cloudgamer 改写的php后台切割图片。是采用的php完成的。http://download.csdn.net/source/724007