?通過這兩個插件很容易就能實現裁剪圖片的功能，但其中有一個難點就是，裁剪后的圖片要上傳到服務器，（依然使用原先的el-upload上傳圖片的接口）

我們知道，el-upload上傳圖片的接口需要一個file對象，而vue-cropper裁剪后返回的圖片是base64或者clob，這時我們就需要用到formData來進行轉換，并且還要注意上傳時要指定headers的上傳方式。以及接收參數的類型（formData）。

參考文章：?https://juejin.cn/post/6844904176850305037

官方文檔：?https://github.com/Shenjieping/cropper

總結

以上是生活随笔為你收集整理的element中el-upload和vue-cropper结合实现上传头像裁剪大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。