>  기사  >  백엔드 개발  >  thinkphp 头像上传在线剪切编辑有关问题 (使用美图秀秀头像编辑器组件)

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

WBOY
WBOY원래의
2016-06-13 12:21:001360검색

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



nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


美图WEB开放平台

<script></script>
<script><br />window.onload=function(){<br /> /*第1个参数是加载编辑器div容器,第2个参数是编辑器类型,第3个参数是div容器宽,第4个参数是div容器高*/<br /> xiuxiu.embedSWF("altContent",5,"100%","100%");<br /> //修改为您自己的图片上传接口<br /> xiuxiu.setUploadURL("http://web.upload.meitu.com/image_upload.php");<br /> xiuxiu.setUploadType(2);<br /> xiuxiu.setUploadDataFieldName("upload_file");<br /> xiuxiu.onInit = function ()<br /> {<br /> xiuxiu.loadPhoto("http://open.web.meitu.com/sources/images/1.jpg");<br /> } <br /> xiuxiu.onUploadResponse = function (data)<br /> {<br /> //alert("上传响应" + data); 可以开启调试<br /> }<br />}<br /></script>




美图秀秀





------解决思路----------------------
jquery.Jcrop插件
/**<br />	 * 裁剪图片<br />	 * @return [type] [description]<br />	 */<br />	public function cutpic(){<br />		if(IS_POST){			<br />			$targ_w = $_POST['w'];<br />			$targ_h = $_POST['h'];	<br />			$pos_x = $_POST['x'];<br />			$pos_y = $_POST['y'];				<br />			$pos_sw = $_POST['sw'];	//选区宽			<br />			$jpeg_quality = 90;<br />			$id = init_base64_decode($this->_post('imgid'));<br />			if(!$id) exit;<br />			$src = M('weipai_images')->where(array('id'=>$id))->getField('PicUrl');<br />			$sf =ltrim($src,'http://'.$_SERVER['HTTP_HOST'].__ROOT__.'/');	<br />			$o_size = getimagesize($sf);<br />			$pct = ($o_size[0]>$o_size[1]?$o_size[1]:$o_size[0])/$pos_sw;<br />			if($pct!=1){<br />				$targ_w*=$pct;<br />				$targ_h*=$pct;<br />				$pos_x*=$pct;<br />				$pos_y*=$pct;<br />			}<br />			<br /><br />			$img_r = imagecreatefromjpeg($src);<br />			$dst_r = ImageCreateTrueColor( $targ_w, $targ_h );<br />			imagecopyresampled($dst_r,$img_r,0,0,$pos_x,$pos_y,<br />			$targ_w,$targ_h,$targ_w,$targ_h);<br />			header('Content-type: image/jpeg');<br />			imagejpeg($dst_r,$sf,$jpeg_quality);<br />			// 释放内存<br />			imagedestroy($dst_r);				<br />			redirect(U('Index/cutpicok',array('id'=>$id)));	<br />			<br />		}else{<br />			$id = $this->_get('id');<br />			if(!$id) exit;			<br />			$data = M('weipai_images')->where(array('id'=>$id))->find();					<br />			if(preg_match("/Public\/Uploads\/medias/",$data['PicUrl'])==false){<br />				$sf = saveMedia($data['PicUrl']);<br />				$sf = 'http://'.$_SERVER['HTTP_HOST'].__ROOT__.'/'.ltrim($sf,'./');	<br />				M('weipai_images')->where(array('id'=>$id))->save(array('PicUrl'=>$sf));<br />				$data['PicUrl'] = $sf;				<br />			}<br />			$this->assign('data',$data);<br />			$this->display();<br />			<br />		}<br />	}

------解决思路----------------------
新建一个模版:  face.html   
模版中配置:xiuxiu.setUploadURL("处理上传图片的方法路径"); 
 xiuxiu.setUploadDataFieldName("上传元素的名称,用来接值")
------解决思路----------------------
引用:
未搞过。如搞好分享一下。

我做过的实例 去下载吧。
http://download.csdn.net/detail/h472591847/7980115  
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.