Vue<头像剪切和上传>

自家公司有头像上传功能,提前熟悉了下,然后就想着该怎么整了。网上很多都是用的 vue-cropper ,然后自己也学着搬运代码了。我主要是想用到移动端,不过这个插件PC端也是可以用的

效果图

gundong.gif

首先 npm install --s vue-cropper

代码如下






具体插件参数请参考:https://www.npmjs.com/package/vue-cropper/v/0.4.7
有兴趣的小伙伴可以去这个地址看下其他功能(图片旋转,放大,缩小等),本人就是参考这个地址改造的~~
代码搬运地址:https://www.cnblogs.com/libo0125ok/p/9296011.html

你可能感兴趣的:(Vue<头像剪切和上传>)