头像上传 裁剪 java_JAVA + js 实现 头像上传及裁剪功能

我想大家对头像上传功能在陌生不过了把，每个人都应该用过，当然，从不更改头像的大侠除外，写到这里，我突然想到我的CSDN用户也没有头像，于是，我到设置里面准备去看看CSDN的头像上传功能是怎样的，可是我弄了半天都没搞定，提示说高版本浏览器不支持预览，难道只有IE6才支持？难得吐槽一下，不知道是我人品问题还是没用对。如图：

准备工作

好了，废话不多说了，一般常用的头像上传有两种(据我所知)：

普通的文件上传：

普通文件上传莫非就是，给你一个选择文件选择按钮，你选择好文件后，剩下的事情你就不管了，后台会把你上传的图片按一定的比例缩放，或者无任何处理，或其他操作，这种方式的好处坏处显而易见，前后台的实现相对来说比较简单，可是用户体验就不是这么满意了，我以前也遇到过这种，不但自己需要找到大概合适大小比例的图片，有事还得自己修改裁剪，然后再传上去，最后结果并不会让我满意，我不得不重新在去做一遍这些繁琐的操作！

带