可嵌入php程序的一款简单实用的jquery图片裁切自由缩放插件，croppic

找了很久的一款插件。

自从有了可以自由缩放裁切头像的功能之后，就一直想找一款可以自由缩放图片，裁切图片的插件。

croppic这个插件是基于jquey的，非常简单实用。

具体详情可以参考官网http://www.croppic.net/  操作起来非常的简单。

这个是html页面代码

<div id="uploadcover"> 
<table width="700" style="margin:0 auto;">
	<tr height="300" align="center">
		<td><div id="croppic"></div></td>
	</tr>
	<tr height="100" align="center" style="padding-top:30px">
		<td> <span class="btn" id="cropContainerHeaderButton">点击此处选择文件</span></td>
	</tr>
</table>

 <script>
		var croppicHeaderOptions = {
				uploadUrl:'croppic/img_save_to_file.php?id=<?php echo $_GET["id"];?>',
				cropData:{
					"dummyData":1,
					"dummyData2":"asdas"
				},
				cropUrl:'croppic/img_crop_to_file.php?id=<?php echo $_GET["id"];?>',
				customUploadButtonId:'cropContainerHeaderButton',
				modal:false,
				loaderHtml:'<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ',
				onBeforeImgUpload: function(){ console.log('onBeforeImgUpload') },
				onAfterImgUpload: function(){ console.log('onAfterImgUpload') },
				onImgDrag: function(){ console.log('onImgDrag') },
				onImgZoom: function(){ console.log('onImgZoom') },
				onBeforeImgCrop: function(){ console.log('onBeforeImgCrop') },
				onAfterImgCrop:function(){ console.log('onAfterImgCrop') }
		}	
		var croppic = new Croppic('croppic', croppicHeaderOptions); 
	</script> 
</div>