thinkphp 头像上传在线剪切编辑有关问题 (使用美图秀秀头像编辑器组件)
程序员文章站
2024-01-29 21:01:40
...
thinkphp 头像上传在线剪切编辑问题 (使用美图秀秀头像编辑器组件)
用的tp3.1,想用美图秀秀开放的头像编辑组件来编辑头像,可是不清楚该怎么用,thinkPHP中那个头像上传的接口怎么写,写在哪里,
下面是美图秀秀开放的示例 (http://open.web.meitu.com/products/#M4)
美图WEB开放平台
------解决思路----------------------
jquery.Jcrop插件
------解决思路----------------------
新建一个模版: face.html
模版中配置:xiuxiu.setUploadURL("处理上传图片的方法路径");
xiuxiu.setUploadDataFieldName("上传元素的名称,用来接值")
------解决思路----------------------
我做过的实例 去下载吧。
http://download.csdn.net/detail/h472591847/7980115
用的tp3.1,想用美图秀秀开放的头像编辑组件来编辑头像,可是不清楚该怎么用,thinkPHP中那个头像上传的接口怎么写,写在哪里,
下面是美图秀秀开放的示例 (http://open.web.meitu.com/products/#M4)
美图秀秀
------解决思路----------------------
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
相关文章
相关视频