php+h5+canvas+jcrop 实现网页上传图片并对原图等比缩放后进行裁剪

本例使用php+h5+canvas+jcrop 实现网页上传图片并对原图等比缩放后进行裁剪。实现过程:在HTML中对图片进行上传，在图片文件还未上传至服务器仍停留在form表单时，对该文件进行处理，在此过程中先获取原图的64位base编码，然后利用canvas对原图进行等比缩放，将缩放之后的图片生成新的64位base码并将其显示在网页预览图片中；之后使用jcrop对该图片进行在线裁剪，获取裁剪坐标及尺寸后，将缩放后的图片，裁剪坐标和宽高等通过post传到PHP页面，在PHP页面对图片进行最后的裁剪。本例主要的js写在了script.js中，该文件中我写了详细的注释，很容易看懂。本例是我在项目实际使用的，如果使用的话做简单的修改即可。