WEB前端实现裁剪上传图片功能

最后的效果如下： 这里面有几个功能，第一个是支持拖拽，第二个压缩，第三个是裁剪编辑，第四个是上传和上传进度显示，下面依次介绍每个功能的实现： 1. 拖拽显示图片 拖拽读取的功能主要是要兼听html5的drag事件，这个没什么好说的，查查api就知道怎么做了，主要在于怎么读取用户拖过来的图片并把它转成base64以在本地显示。 var handler = { init: function($container){ //需要把dragover的默认行为禁掉，不然会跳页 $container.on(dragover, function(event){ event.preventDefault