文章詳情頁
javascript - 前端怎樣實現圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術
瀏覽：176日期：2022-06-24 11:47:26
問題描述
前端怎樣實現圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術
問題解答
回答1：這個問題分前后端兩塊。
Web前端這塊，可以用JCrop來做圖片裁剪，實際上并不是真正的裁剪，而是在圖片上選擇一個區域，真正的裁剪是后端來做。JCrop DEMO：http://deepliquid.com/project...
后端這塊，不同的語言都有圖片裁剪的api，可以查看相關文檔。另外還可以使用一些云存儲的裁剪功能，阿里云、七牛這些都有圖片裁剪功能，例如七牛：https://developer.qiniu.com/d...
回答2：你可以通過canvas的drawImage來實現相關操作
回答3：推薦這個庫：PhotoClip
Demo地址：http://htmlpreview.github.io/...具體效果如下圖：
相關文章：
1. mysql - 數據庫建字段，默認值空和empty string有什么區別 1102. 新人求教MySQL關于判斷后拼接條件進行查詢的sql語句3. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現存在即更新應該使用哪個標簽?4. mysql - 這種分級一對多，且分級不平衡的模型該怎么設計表？5. Navicat for mysql 中以json格式儲存的數據存在大量反斜杠，如何去除？6. mysql - 數據庫表中，兩個表互為外鍵參考如何解決7. php - 公眾號文章底部的小程序二維碼如何統計？8. mysql - 表名稱前綴到底有啥用？9. mysql - 千萬數據 分頁，當偏移量 原來越大時，怎么優化速度10. mac OSX10.12.4 (16E195)下Mysql 5.7.18找不到配置文件my.cnf
排行榜
網公網安備