問(wèn)題描述

前端怎樣實(shí)現(xiàn)圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術(shù)

問(wèn)題解答

這個(gè)問(wèn)題分前后端兩塊。

Web前端這塊，可以用JCrop來(lái)做圖片裁剪，實(shí)際上并不是真正的裁剪，而是在圖片上選擇一個(gè)區(qū)域，真正的裁剪是后端來(lái)做。JCrop DEMO：http://deepliquid.com/project...

后端這塊，不同的語(yǔ)言都有圖片裁剪的api，可以查看相關(guān)文檔。另外還可以使用一些云存儲(chǔ)的裁剪功能，阿里云、七牛這些都有圖片裁剪功能，例如七牛：https://developer.qiniu.com/d...

你可以通過(guò)canvas的drawImage來(lái)實(shí)現(xiàn)相關(guān)操作

推薦這個(gè)庫(kù)：PhotoClip

Demo地址：http://htmlpreview.github.io/...具體效果如下圖：