vue上传图片裁剪

① vue点击上传图片，vue上传oss，vue-cropper图片裁剪功能

很多刚入门的小伙伴上传图片都会使用现成的框架，然后根据框架提供的api进行上传，感觉这样是最简单的，其实上传图片是一个很简单的功能，

1.将input的设为透明然后定位到按钮上面，通过点击实现上传

2.点击按钮，通过处发input的点击事件后处发change，达到唤起上传图片的效果

先通过npm安装oss依赖

oss官方文档
1.前端拿到 accessKeyId，accessKeySecret直接上传oss
这种用法会直接暴露id及secret，相当于把自己家门的钥匙告诉别人，不推荐使用

2.通过后台转换，拿到对应的参数，进行上传

图片裁剪的插件，先通过npm安装依赖
vue-cropper 高版本解决在ios上图片拍照旋转问题

父组件

子组件，在项目components文件中新建一个cropper文件，在父组件中引入