文章詳情頁
javascript - 前端怎樣實現圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術
瀏覽：167日期：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. python - django models 為生成的html元素添加樣式。2. javascript - js判斷一個數組是否重復3. 求教一個mysql建表分組索引問題4. mysql - enum和char 類型的抉擇5. javascript - canvas 裁剪空白區域6. python - nginx為什么不能反代圖片?7. python中怎么對列表以區間進行統計？8. javascript - [多圖預警]reactjs點擊某表格編輯內容，跳轉傳值this.context.router.params.id時id報錯未定義9. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。10. javascript - setInterval為什么只執行一次
排行榜
網公網安備