图片上传前用JS代码进行预览并编辑裁剪区域

来源：百度知道 编辑：UC知道 时间：2024/06/04 02:23:03
我想在图片上传前用JS代码进行预览，然后可以用鼠标在图片上画出要上传的区域。图片上传的服务器之后，跟选定区域的值进行裁剪。
分可以再加。谢谢。
我想在图片上传前用JS代码进行预览，然后可以用鼠标在图片上画出要上传的区域。图片上传的服务器之后，跟选定区域的值进行裁剪。
分可以再加。谢谢。效果同http://www.eoool.com/ImageDIY/DIYChooseImg.aspx?ImgSize=96x96x1的第三步剪切图片

http://love21cn.msn.com.cn的图片上传功能后可以实现区域截图,也可以实现放大缩小...估计是用了JS来实现的:
var div_move = 0;
var IE = document.all?true:false;
var tempX,tempY,oldX,oldY;
var have_move = 0;
function grasp()
{
div_move = 1;
if(IE)
{
document.getElementById("source_div").setCapture();
}
}

function free()
{
div_move = 0;
have_move = 0;
document.getElementById("source_div").releaseCapture();
}

function getMouseXY(e)
{
if (IE)
{ // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
}
else
{
// grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX