最初に使用される言語は php とプラグイン imgaraselect (ダウンロード アドレス) です。index.php コードは次のとおりです: コードをコピーします コードは次のとおりです。 html xmlns="http://www .w3.org/1999/xhtml"> < /script> <br><script type="text/javascript" src="scripts/jquery.imgaraselect.pack.js"> <br>関数プレビュー (img,selection) { <br>$('#selectbanner').data('x',selection.x1); <br>$('#selectbanner').data('y',選択.y1); <br>$(' #selectbanner').data('w',selection.width); <br><br>var スケール X = 100 / (selection.width || 1 ); <br>varscaleY = 100 / (selection.height || 1); <br>$('#ferret > img').css({ <br>width: Math.round(scaleX *) 512) + 'px',// 512 と 390 はアップロードする画像の幅と高さです <br>height: Math.round(scaleY * 390) + 'px', <br>marginLeft: '-' + Math.round(scaleX *selection.x1) + 'px', <br>marginTop : '-' + Math.round(scaleY *selection.y1) + 'px' <br>}); <br>} <br><br>//ここでは、小さなプレビュー画像が後に挿入されますjQuery 構文による元の画像 <br>$(document).ready( function () { <br>$('<div id="ferret"><img src="upload_pic/resize_pic.jpg" style="position:relative) ;" /><div>').css( { <br>float: 'left', <br>position: 'relative', <br>overflow: 'hidden', <br>width: '100px', <br>height: '100px' <br> }) <br><br>.insertAfter($('#selectbanner') ); <br><br>$('#selectbanner').imgAreaSelect({ <br>selectionColor: 'blue', x1:0, y1:0, x2: 100,//初期位置<br>maxWidth:500,y2:100, <br>aspectRatio: '1:1',//スケール比<br>selectionOpacity: 0.2, <br>onSelectEnd: プレビュー //トリミング後に実行される関数、上記<br>}); <br>$("#sliceButton").click(function () { <br>var pic = $('#selectbanner').attr('src'); <br>//alert(pic); <br>var x,y,w, h; <br>$.post( <br>"cat.php ", //(2) このページのコードが添付されます <br>{ <br>x:$('#selectbanner').data('x'), <br>y: $('#selectbanner').data('y' )、<br>w:$('#selectbanner').data('w')、<br>h:$('#selectbanner').data('h') , <br>pic:pic <br>}, <br>function(data) { <br>//alert(data); <br>//切り取った画像を #sure に読み込みます <br>if(data){ <br>$('#sure').attr(' src',data); <br>} <br>} <br>) ; <br>}) <br>}) <br><title> <br></head> <br><?php <BR>//画像をアップロードしたら、アップロードフォルダーに画像をコピーします <BR>if($_POST){ <BR>$photo = $_FILES['img']['name']; <BR>$tmp_addr = $_FILES; ['img']['tmp_name']; <BR><BR>$path = 'upload/'; <BR>$type=array("jpg","gif","jpeg","png"); strrchr($photo,'.'),1 ); <BR>if(!in_array(strto lower($tool),$type)){ <BR>$text=implode('.',$type);次の種類のファイルをアップロードします: ",$text," <br>"; <BR>}else{ <BR>$filename =explode(".",$photo); //アップロードされたファイル名を " に基づいて配列にします。」。 <br>$time = date("m-d-H-i-s"); //現在のアップロード時刻を取得します<br>$filename[0] = $time; //ファイル名を取得します<BR>$name = implode(".",$filename);アップロード後のファイル名 <BR>$uploadfile = $path.$name; <BR>$_SESSION['upfile'] = $uploadfile;//アップロード後のファイル名とアドレス <BR>move_uploaded_file($tmp_addr,$uploadfile); / echo $uploadfile; <BR>?> <br><!--画像をアップロード--> multipart/ form-data"> <br><input type="file" id="img" name="img" value="" onclick=""/> <br><input name="submit" id=" submit" type="submit" value="Submit" class="submit"/> <br></form> <br><!--画像を表示--> <br><? if(isset($_SESSION[' upfile' ])){?> <br><img id="selectbanner" name="src="<? echo $_SESSION['upfile'];?> <br><? }?> <br><!--トリミングを確認-><input type="submit" id="sliceButton" =" スライスボタン"></div> <br><!--切り取った画像を表示--><img id="sure" src="" style="cursor:hand" / ></div> <br></html> <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/313687.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/313687.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description">最初に使用される言語は php とプラグイン imgaraselect (ダウンロード アドレス) です。index.php コードは次のとおりです。次のようにコードをコピーします。 !DOCTYPE html PUBLIC "-//W3C// DTD...</span> </div> </div> <div class="art_confoot"></div>