Heim  >  Artikel  >  Backend-Entwicklung  >  thinkphp 头像上传在线剪切编辑问题 (使用美图秀秀头像编辑器组件)

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

WBOY
WBOYOriginal
2016-06-23 13:33:331061Durchsuche

     用的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插件

/**	 * 裁剪图片	 * @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  


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


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

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

快去看看楼下的吧
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn