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文件，在父組件中引入