php+js_PHP チュートリアルを使用した画像のアップロード、トリミング、プレビュー、送信の例

最初に使用される言語は php とプラグイン imgaraselect (ダウンロード アドレス) です。index.php コードは次のとおりです:

コードをコピーします コードは次のとおりです。 html xmlns="http://www .w3.org/1999/xhtml"> 関数プレビュー (img,selection) { $('#selectbanner').data('x',selection.x1); $('#selectbanner').data('y',選択.y1); $(' #selectbanner').data('w',selection.width);

var スケール X = 100 / (selection.width || 1 ); varscaleY = 100 / (selection.height || 1); $('#ferret > img').css({ width: Math.round(scaleX *) 512) + 'px',// 512 と 390 はアップロードする画像の幅と高さです height: Math.round(scaleY * 390) + 'px', marginLeft: '-' + Math.round(scaleX *selection.x1) + 'px', marginTop : '-' + Math.round(scaleY *selection.y1) + 'px' }); }

//ここでは、小さなプレビュー画像が後に挿入されますjQuery 構文による元の画像 $(document).ready( function () { $(' ').css( { float: 'left', position: 'relative', overflow: 'hidden', width: '100px', height: '100px' })

.insertAfter($('#selectbanner') );

$('#selectbanner').imgAreaSelect({ selectionColor: 'blue', x1:0, y1:0, x2: 100,//初期位置 maxWidth:500,y2:100, aspectRatio: '1:1',//スケール比 selectionOpacity: 0.2, onSelectEnd: プレビュー //トリミング後に実行される関数、上記 }); $("#sliceButton").click(function () { var pic = $('#selectbanner').attr('src'); //alert(pic); var x,y,w, h; $.post( "cat.php ", //(2) このページのコードが添付されます { x:$('#selectbanner').data('x'), y: $('#selectbanner').data('y' )、 w:$('#selectbanner').data('w')、 h:$('#selectbanner').data('h') , pic:pic }, function(data) { //alert(data); //切り取った画像を #sure に読み込みます if(data){ $('#sure').attr(' src',data); } } ) ; }) }) //画像をアップロードしたら、アップロードフォルダーに画像をコピーします if($_POST){ $photo = $_FILES['img']['name']; $tmp_addr = $_FILES; ['img']['tmp_name'];

$path = 'upload/'; $type=array("jpg","gif","jpeg","png"); strrchr($photo,'.'),1 ); if(!in_array(strto lower($tool),$type)){ $text=implode('.',$type);次の種類のファイルをアップロードします: ",$text," "; }else{ $filename =explode(".",$photo); //アップロードされたファイル名を " に基づいて配列にします。」。 $time = date("m-d-H-i-s"); //現在のアップロード時刻を取得します $filename[0] = $time; //ファイル名を取得します $name = implode(".",$filename);アップロード後のファイル名 $uploadfile = $path.$name; $_SESSION['upfile'] = $uploadfile;//アップロード後のファイル名とアドレス move_uploaded_file($tmp_addr,$uploadfile); / echo $uploadfile; ?> multipart/ form-data">

http://www.bkjia.com/PHPjc/313687.html www.bkjia.com true http://www.bkjia.com/PHPjc/313687.html 技術記事 最初に使用される言語は php とプラグイン imgaraselect (ダウンロード アドレス) です。index.php コードは次のとおりです。次のようにコードをコピーします。 !DOCTYPE html PUBLIC "-//W3C// DTD...