使用ant-design-vue和vue-cropper實現裁剪圖片並上傳到服務器

安裝vue-cropper npm install vue-cropper 在main.js裏面使用 import VueCropper from 'vue-cropper' Vue.use(VueCropper) 需求： 用戶上傳圖片後，須要裁剪，並保留，上傳到服務器css 思路： 點擊上傳，從本地選擇圖片文件 選擇文件後彈出模態框（將選擇的圖片傳遞過去） 模態框做爲裁剪圖片的容器 進行裁剪 獲

>>阅读原文<<