上传头像并裁剪头像 （切图展示效果）

此示例采用的是bootstrap 及jquery 插件制作的一个宽可以模拟头像上传的功能

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2017-12-12 10:28  bootstrap\
     目录           0  2017-12-12 10:28  bootstrap\css\
     文件       26719  2016-12-09 20:14  bootstrap\css\bootstrap-theme.css
     文件       47721  2016-12-09 20:14  bootstrap\css\bootstrap-theme.css.map
     文件       23361  2016-12-09 20:14  bootstrap\css\bootstrap-theme.min.css
     文件      154230  2016-12-09 20:14  bootstrap\css\bootstrap.css
     文件      390518  2016-12-09 20:14  bootstrap\css\bootstrap.css.map
     文件      122544  2016-12-09 20:14  bootstrap\css\bootstrap.min.css
     目录           0  2017-12-12 10:28  bootstrap\fonts\
     文件       20127  2016-12-09 20:14  bootstrap\fonts\glyphicons-halflings-regular.eot
     文件      109025  2016-12-09 20:14  bootstrap\fonts\glyphicons-halflings-regular.svg
     文件       45404  2016-12-09 20:14  bootstrap\fonts\glyphicons-halflings-regular.ttf
     文件       23424  2016-12-09 20:14  bootstrap\fonts\glyphicons-halflings-regular.woff
     文件       18028  2016-12-09 20:14  bootstrap\fonts\glyphicons-halflings-regular.woff2
     目录           0  2017-12-12 10:28  bootstrap\js\
     文件       71253  2016-12-09 20:14  bootstrap\js\bootstrap.js
     文件       36822  2016-12-09 20:14  bootstrap\js\bootstrap.min.js
     文件         496  2016-12-09 20:14  bootstrap\js\npm.js
     目录           0  2017-12-12 10:28  cropper\
     文件        4841  2016-12-09 20:14  cropper\cropper.css
     文件       52159  2016-12-09 20:14  cropper\cropper.js
     文件        3776  2016-12-09 20:14  cropper\cropper.min.css
     文件       19259  2016-12-09 20:14  cropper\cropper.min.js
     文件        2823  2017-12-12 10:31  index.html
     文件       84349  2017-12-12 10:29  jquery.min.js
     文件       11637  2016-12-09 20:14  logo.jpg
     目录           0  2017-12-12 10:28  sitelogo\
     文件        1730  2016-12-09 20:14  sitelogo\sitelogo.css
     文件        8115  2016-12-09 20:14  sitelogo\sitelogo.js