- <?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 '<img src="'.$res['big'].'" style="margin:10px;">';
- echo '<img src="'.$res['small'].'" style="margin:10px;">';
- }elseif(is_string($res)){
- echo '<img src="'.$res.'">';
- }
- }elseif(isset($_GET['act']) && $_GET['act'] == "upload"){
- $path = $images->move_uploaded();
- $images->thumb($path,false,0); //文件比规定的尺寸大则生成缩略图,小则保持原样
- if($path == false){
- $images->get_errMsg();
- }else{
- echo "上传成功!<a href='".$path."' target='_blank'>查看</a>";
- }
- }else{
- ?>
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<a href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta name="Author" content="SeekEver">
- <meta name="Keywords" content="">
- <meta name="Description" content="">
- <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
- <script src1="./js/jquery.min.js" type="text/javascript"></script>
- <script src1="./js/jquery.Jcrop.js" type="text/javascript"></script>
- <link rel="stylesheet" />
- <script type="text/javascript">
- 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'
- });
- }
- };
- });
- </script>
- </head>
- <body>
- <form method="post" action="?act=upload" enctype="multipart/form-data">
- <input type="file" name="file">
- <input type="submit" value="上传">
- </form>
- <div style="float:left;"><img id="target" src1="0000.jpg" ></div>
- <div style="width:48px;height:48px;margin:10px;overflow:hidden; float:left;"><img style="float:left;" id="preview" src1="0000.jpg" ></div>
- <div style="width:190px;height:195px;margin:10px;overflow:hidden; float:left;"><img style="float:left;" id="preview2" src1="0000.jpg" ></div>
- <form action="index.php?act=cut" method="post" onsubmit="return checkCoords();">
- <input type="hidden" id="x" name="x" />
- <input type="hidden" id="y" name="y" />
- <input type="hidden" id="w" name="w" />
- <input type="hidden" id="h" name="h" />
- <input type="submit" value="裁剪" />
- </form>
- </body>
- </html>
- <?php
- }
- ?>
- //该片段来自于http://www.codesnippet.cn/detail/100520133266.html
来源: http://www.codesnippet.cn/detail/100520133266.html