文章詳情頁
javascript - 前端怎樣實現圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術
瀏覽：310日期：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. javascript - sublime快鍵鍵問題2. 實現bing搜索工具urlAPI提交3. javascript - 移動端上不能實現拖拽布局嗎？4. boot2docker無法啟動5. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙6. 前端 - 這段代碼一直生效不了，查半天因為 top: 0px; 分號后一個隱藏的東西，也不是占位符...刪了就可以生效，這是什么情況。。7. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？8. nginx bind failed9. javascript - 如何判斷不同兩個對象觸發同一事件？10. javascript - react native在run-android時出現這個錯誤該怎么解決？大神賜教
排行榜
網公網安備