首先用到的语言是PHP、插件imgareaselect(下载地址),没有太多花哨的样式,index.PHP代码如下:
<div class="codetitle"><a style="CURSOR: pointer" data="37395" class="copybut" id="copybut37395" onclick="doCopy('code37395')"> 代码如下:
$('#selectbanner').data('h',selection.height); var scaleX = 100 / (selection.width || 1);
').css({
float: 'left',
position: 'relative',
overflow: 'hidden',
width: '100px',
height: '100px'
}) .insertAfter($('#selectbanner')); $('#selectbanner').imgAreaSelect({
selectionColor: 'blue',x1:0,y1:0,x2: 100,//初始位置
maxWidth:500,y2:100,
aspectRatio: '1:1',//缩放比例
selectionOpacity: 0.2,
onSelectEnd: preview //裁剪
后执行的
函数,在上面
});
//确认裁剪
$("#sliceButton").click(function() {
var pic = $('#selectbanner').attr('src');
// alert(pic);
var x,y,w,h;
$.post(
"cat.
PHP",//(2)将附上这个
页面的
代码 {
x:$('#selectbanner').data('x'),
y:$('#selectbanner').data('y'),
w:$('#selectbanner').data('w'),
h:$('#selectbanner').data('h'),
pic:pic
},
function(data){
// alert(data);
//把裁剪后
图片加载到#sure
if(data){
$('#sure').attr('src',data);
}
}
);
});
})
图片裁剪、预览 @H_
502_74@
<?
PHP //
上传图片后,把
图片复制到upload
文件夹下面
if($_POST){
$photo = $_FILES['img']['name'];
$tmp_addr = $_FILES['img']['tmp_name']; $path = 'upload/';
$type=array("jpg","gif","jpeg","png");
$tool = substr(strrchr($photo,'.'),1);
if(!in_array(strtolower($tool),$type)){
$text=implode('.',$type);
echo "您只能
上传以下类型
文件: ",$text,"
";
}else{
$filename = explode(".",$photo); //把
上传的
文件名以"."好为准做一个数组。
$time = date("m-d-H-i-s"); //取当前
上传的时间
$filename[0] = $time; //取
文件名
$name = implode(".",$filename); //
上传后的
文件名
$uploadfile = $path.$name;
$_SESSION['upfile'] = $uploadfile;//
上传后的
文件名地址
move_uploaded_file($tmp_addr,$uploadfile);
}
// echo $uploadfile;
}
?>
<div id="s">
<form action="" method="post" enctype="multipart/form-data">
<input type="file" id="img" name="img" value="" onclick=""/>
<input name="submit" id="submit" type="submit" value="提交" class="submit"/>
<? if(isset($_SESSION['upfile'])){?>
<img id="selectbanner" name="selectbanner" src="<? echo $_SESSION['upfile'];?>" title="mypic"/>
<? }?>