最近工作需要处理头像裁剪以及上传，研究了几天，写点心得，提醒自己记住踩过的坑，能帮助别人当然更好。 功能基本就是这样： 这里需要注意的是：拿到需求后，不要急于直接上手，花费半个小时，甚至更长时间缕清整个脉络是很有必要的，本人就因为后台接口的问题，返工了... 这里只是对完成 ...

插件介绍 这是一个我在写以前的项目的途中发现的一个国人写的jQuery图像裁剪插件，当时想实现用户资料的头像上传功能，并且能够预览图片，和对图片进行简单的裁剪、旋转，花了不少时间才看到了这个插件，感觉功能挺全面，代码实现起来也挺简单，再加上用的是Bootstrap，对移动端操作也有适配，于是就 ...

做APP由于项目需要，需要做用户头像上传的功能，头像上传包括拍照和相册选择图片进行上传，这里使用的技术是mui封装的plus，在进行图片裁剪的时候，使用的是photoclip来进行裁剪，由于个人在使用mui自带的组件做图片上传比较麻烦，所以就采用了base64的图片做上传会比较简单，页面的渲染采用 ...

https://blog.csdn.net/qq727013465/article/details/51823231 我的需求功能：在手机端实现上传头像，带裁剪框。 cropper.js 通过canvas实现图片裁剪，最后在通过canvas获取裁剪区域的图片base64串 ...

使用cropper之前需要先引用 cropper.css 和 cropper.js cropper 官网：https://fengyuanchen.github.io/cropper/ cropper.css下载：https://github.com/fengyuanchen ...

组件与api地址： npm地址地址：https://www.npmjs.com/package/vue-cropper/v/0.4.7 GitHub地址：https://github.com/xyxiao001/vue-cropper ...

在做头像上传的时候，浏览器默认是无法取得本地图片的，当然 HTML5 是可以的。不过IE6-8怎么破？目前比较通用的方案都是 flash 解决。 说道头像预览和裁剪，我最熟悉的就是 Discuz 的那个了，非常方便好用。不仅可以选择本地图片，还能直接调用摄像头拍摄，当然前提是你必须有个摄像头 ...

这里使用MUI上传头像的功能是结合VUE来做的，所以： ...