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

WBOY
Release: 2016-06-23 13:33:33
Original
1058 people have browsed it

     用的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();					}	}
Copy after login

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

下面不是有服务器端的示例文档吗

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


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


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


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

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

快去看看楼下的吧
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template