thinkphp 头像上传在线剪切编辑有关问题（使用美图秀秀头像编辑器组件）

thinkphp 头像上传在线剪切编辑问题（使用美图秀秀头像编辑器组件）
     用的tp3.1,想用美图秀秀开放的头像编辑组件来编辑头像，可是不清楚该怎么用，thinkPHP中那个头像上传的接口怎么写，写在哪里，
下面是美图秀秀开放的示例   （http://open.web.meitu.com/products/#M4）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>美图WEB开放平台</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
       /*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/
xiuxiu.embedSWF("altContent",5,"100%","100%");
       //修改为您自己的图片上传接口
xiuxiu.setUploadURL("http://web.upload.meitu.com/image_upload.php");
        xiuxiu.setUploadType(2);
        xiuxiu.setUploadDataFieldName("upload_file");
xiuxiu.onInit = function ()
{
xiuxiu.loadPhoto("http://open.web.meitu.com/sources/images/1.jpg");
}
xiuxiu.onUploadResponse = function (data)
{
//alert("上传响应" + data);  可以开启调试
}
}
</script>
<style type="text/css">
html, body { height:100%; overflow:hidden; }
body { margin:0; }
</style>
</head>
<body>
<div id="altContent">
<h1>美图秀秀</h1>
</div>
</body>
</html>
------解决思路----------------------
jquery.Jcrop插件

/**

	 * 裁剪图片

	 * @return [type] [description]

	 */

	public function cutpic(){

		if(IS_POST){			

			$targ_w = $_POST['w'];

			$targ_h = $_POST['h'];	

			$pos_x = $_POST['x'];

			$pos_y = $_POST['y'];				

			$pos_sw = $_POST['sw'];	//选区宽			

			$jpeg_quality = 90;

			$id = init_base64_decode($this->_post('imgid'));

			if(!$id) exit;

			$src = M('weipai_images')->where(array('id'=>$id))->getField('PicUrl');

			$sf =ltrim($src,'http://'.$_SERVER['HTTP_HOST'].__ROOT__.'/');	

			$o_size = getimagesize($sf);

			$pct = ($o_size[0]>$o_size[1]?$o_size[1]:$o_size[0])/$pos_sw;

			if($pct!=1){

				$targ_w*=$pct;

				$targ_h*=$pct;

				$pos_x*=$pct;

				$pos_y*=$pct;

			}



			$img_r = imagecreatefromjpeg($src);

			$dst_r = ImageCreateTrueColor( $targ_w, $targ_h );

			imagecopyresampled($dst_r,$img_r,0,0,$pos_x,$pos_y,

			$targ_w,$targ_h,$targ_w,$targ_h);

			header('Content-type: image/jpeg');

			imagejpeg($dst_r,$sf,$jpeg_quality);

			// 释放内存

			imagedestroy($dst_r);				

			redirect(U('Index/cutpicok',array('id'=>$id)));	


		}else{

			$id = $this->_get('id');

			if(!$id) exit;			

			$data = M('weipai_images')->where(array('id'=>$id))->find();					

			if(preg_match("/Public\/Uploads\/medias/",$data['PicUrl'])==false){

				$sf = saveMedia($data['PicUrl']);

				$sf = 'http://'.$_SERVER['HTTP_HOST'].__ROOT__.'/'.ltrim($sf,'./');	

				M('weipai_images')->where(array('id'=>$id))->save(array('PicUrl'=>$sf));

				$data['PicUrl'] = $sf;				

			}

			$this->assign('data',$data);

			$this->display();


		}

	}

------解决思路----------------------
新建一个模版： face.html
模版中配置：xiuxiu.setUploadURL("处理上传图片的方法路径");
xiuxiu.setUploadDataFieldName("上传元素的名称，用来接值")
------解决思路----------------------

引用:

未搞过。如搞好分享一下。

我做过的实例去下载吧。
http://download.csdn.net/detail/h472591847/7980115

thinkphp 头像上传在线剪切编辑有关问题 （使用美图秀秀头像编辑器组件）

相关推荐

thinkphp 头像上传在线剪切编辑有关问题（使用美图秀秀头像编辑器组件）