PHP+jqueryオンライン画像カットコード[模倣dedecms]_PHPチュートリアル

php+jquery在線上切图代码[防dedecms] クロッパー a:リンク、a:訪問済み、a:アクティブ{ 色: #000; テキスト装飾: なし; フォントの太さ: 太字; } a:ホバー{ 色: #fff; 背景色: #000; } #hd{ フォントサイズ: 2em; フォントの太さ: 太字; text-align: left; パディングボトム: 20px; border-bottom: 1px ソリッド #ccc; マージン: 10px 0 10px 0; } #uploadForm、#downloadLink{ text-align: 中央; } #imageContainer{ マージン: 20px 0px 20px 0; } #フィート{ マージントップ: 10px; パディングトップ: 10px; border-top:1px ソリッド #ccc; text-align: 中央; } アップロード者 = { キャリー: function(){ // フォームを設定します YAHOO.util.Connect.setForm('uploadForm', true); // 画像をアップロード YAHOO.util.Connect.asyncRequest('POST', 'upload.php', { アップロード: function(o){ // json データを解析します var jsonData = YAHOO.lang.JSON.parse(o.responseText); // 画像を画像コンテナに入れます YAHOO.util.Dom.get('imageContainer').innerHTML = ' '; // Photoshop を初期化します photoshop.init(jsonData.image); // 最初のトリミングされた画像を取得します photoshop.getCroppedImage(); } }); } }; フォトショップ = { 画像: ヌル、 クロップ: null、 //url: null, init: function(image){ // set our image photoshop.image = image; // our image cropper from the uploaded image photoshop.crop = new YAHOO.widget.ImageCropper('yuiImg'); photoshop.crop.on('moveEvent', function() { // get updated coordinates photoshop.getCroppedImage(); }); }, getCroppedImage: function(){ var coordinates = photoshop.getCoordinates(); var url = 'crop.php?image=' + photoshop.image + '&cropStartX=' + coordinates.left +'&cropStartY=' + coordinates.top +'&cropWidth=' + coordinates.width +'&cropHeight=' + coordinates.height; YAHOO.util.Dom.get('downloadLink').innerHTML = ' download cropped image '; }, getCoordinates: function(){ return photoshop.crop.getCropCoords(); } }; // add listeners YAHOO.util.Event.on('uploadButton', 'click', uploader.carry); AJAX image cropper - YUI-based Image : HTML Blog 上はindex.php文件です 根据x,y,来用php重新绘图

// 変数を取得します $imgfile = $_GET['画像']; $cropStartX = $_GET['cropStartX']; $cropStartY = $_GET['cropStartY']; $cropW = $_GET['cropWidth']; $cropH = $_GET['cropHeight'];

// 2 つの画像を作成します $origimg = imagecreatefromjpeg($imgfile); $cropimg = imagecreatetruecolor($cropW,$cropH);

// 元のサイズを取得します list($width, $height) = getimagesize($imgfile);

// クロップ imagecopyresize($cropimg, $origimg, 0, 0, $cropStartX, $cropStartY, $width, $height, $width, $height);

// NES イメージを強制的にダウンロードします header("コンテンツタイプ: image/jpeg"); header('Content-Disposition:attachment; filename="'.$imgfile.'"'); imagejpeg($cropimg);

// 画像を破棄します imagedestroy($cropimg); imagedestroy($origimg); ?>

ここは写真の上にあります、

if(!empty($_FILES["uploadImage"])) { // ファイル名を取得します $filename = ベース名($_FILES['uploadImage']['name']); // 拡張機能を取得します $ext = substr($filename, strrpos($filename, '.') + 1); // jpg のみをチェックします if ($ext == "jpg") { // 一意のファイル名を生成します $newName = 'images/'.time().'.'.$ext; // ファイルをアップロードします if ((move_uploaded_file($_FILES['uploadImage']['tmp_name'], $newName))) { // アップロードされた画像の高さと幅を取得します list($width, $height) = getimagesize($newName); // jsonデータを返す echo '{"image" : "'.$newName.'", "height" : "'.$height.'", "width" : "'.$width.'" }'; } 他に{ echo '{"error" : "ファイルの移動中にエラーが発生しました"}'; } } それ以外の場合は{ echo '{"エラー" : "無効な画像形式"}'; } } ?>

http://www.bkjia.com/PHPjc/632002.html www.bkjia.com true http://www.bkjia.com/PHPjc/632002.html 技術記事 php+jquery在線切图代码[防dedecms] !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w...