ホームページ >バックエンド開発 >PHPチュートリアル >Thinkphp アバターのアップロード オンラインでのカットと編集の問題 (Meituxiuxiu アバター エディター コンポーネントを使用)

Thinkphp アバターのアップロード オンラインでのカットと編集の問題 (Meituxiuxiu アバター エディター コンポーネントを使用)

WBOY
WBOYオリジナル
2016-06-23 13:33:331098ブラウズ

tp3.1 を使用しており、Meitu Xiu Xiu のオープン アバター編集コンポーネントを使用してアバターを編集したいのですが、その使用方法がわかりません。thinkPHP でアバター アップロード インターフェイスを作成する方法と、それを作成する場所がわかりません。 ?
以下は Meitu Xiu Xiu のオープン サンプル (http://open.web.meitu.com/products/#M4) です



88cba9fe9170e5a53fb8e28da28c17d5
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
b2386ffb911b14667cb8f0f91ea547a7Meitu WEB オープン プラットフォーム1588fdbac11041bcfe2c9fb20ecee821 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("upload response" + data); デバッグを有効にすることができます
}
}
2cacc6d41bbb37262a98f745aa00fbf0
080b747a20f9163200dd0a7d304ba388
html, body { height: 100%; }
531ac245ce3e4fe3d50054a55f265927 63b93f9db7a913f077dd683a003ba4f1 7bd27656a1c92eaceecc35116cd64793 4a249f0d628e2318394fd9b75b4636b1/h1>
73a6ac4ed44ffec12cee46588e518a5e

返信先議論(解決策)

まだ終わっていません。可能であれば、共有してください。

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

ありがとうございます

これまでやったことがありません。可能であれば、共有してください。
下の階を見に行ってください
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。