最近工作需要處理頭像裁剪以及上傳，研究了幾天，寫點心得，提醒自己記住踩過的坑，能幫助別人當然更好。 功能基本就是這樣： 這里需要注意的是：拿到需求后，不要急於直接上手，花費半個小時，甚至更長時間縷清整個脈絡是很有必要的，本人就因為后台接口的問題，返工了... 這里只是對完成 ...

插件介紹 這是一個我在寫以前的項目的途中發現的一個國人寫的jQuery圖像裁剪插件，當時想實現用戶資料的頭像上傳功能，並且能夠預覽圖片，和對圖片進行簡單的裁剪、旋轉，花了不少時間才看到了這個插件，感覺功能挺全面，代碼實現起來也挺簡單，再加上用的是Bootstrap，對移動端操作也有適配，於是就 ...

做APP由於項目需要，需要做用戶頭像上傳的功能，頭像上傳包括拍照和相冊選擇圖片進行上傳，這里使用的技術是mui封裝的plus，在進行圖片裁剪的時候，使用的是photoclip來進行裁剪，由於個人在使用mui自帶的組件做圖片上傳比較麻煩，所以就采用了base64的圖片做上傳會比較簡單，頁面的渲染采用 ...

https://blog.csdn.net/qq727013465/article/details/51823231 我的需求功能：在手機端實現上傳頭像，帶裁剪框。 cropper.js 通過canvas實現圖片裁剪，最后在通過canvas獲取裁剪區域的圖片base64串 ...

使用cropper之前需要先引用 cropper.css 和 cropper.js cropper 官網：https://fengyuanchen.github.io/cropper/ cropper.css下載：https://github.com/fengyuanchen ...

組件與api地址： npm地址地址：https://www.npmjs.com/package/vue-cropper/v/0.4.7 GitHub地址：https://github.com/xyxiao001/vue-cropper ...

在做頭像上傳的時候，瀏覽器默認是無法取得本地圖片的，當然 HTML5 是可以的。不過IE6-8怎么破？目前比較通用的方案都是 flash 解決。 說道頭像預覽和裁剪，我最熟悉的就是 Discuz 的那個了，非常方便好用。不僅可以選擇本地圖片，還能直接調用攝像頭拍攝，當然前提是你必須有個攝像頭 ...

這里使用MUI上傳頭像的功能是結合VUE來做的，所以： ...