imgareaselect + php實(shí)現(xiàn)圖片裁剪

nopower

imgareaselect + php實(shí)現(xiàn)圖片裁剪
原文地址：http://www.sucker-fly.com/archives/418  
[PHP]代碼

1. /js/jquery.imgareaselect-0.9.10/css/imgareaselect-default.css
   
2. 引用js
   
3. /js/jquery.imgareaselect-0.9.10/scripts/jquery.imgareaselect.min.js
   
4. /js/AjaxFileUploaderV2.1/ajaxfileupload.js

復(fù)制代碼

[PHP]代碼

1. <div>
   
2.     <img src='blank.jpg' id="mainimg">
   
3. </div>
   
4. <div id="myPreview" >
   
5.     <img src="blank.jpg" id="mainimgthumb" />
   
6. </div>
   
7.     <form name="fmCrop">
   
8.         <input type="hidden" name="src_path"  value="" />
   
9.         <input type="hidden" name="x1" value="" />
   
10.         <input type="hidden" name="x2" value="" />
    
11.         <input type="hidden" name="y1" value="" />
    
12.         <input type="hidden" name="y2" value="" />
    
13.         <input type="submit" name="btnSubmit" class="baseinf_but1" style="display:none" value="確定" />
    
14.     </form>

復(fù)制代碼