文章詳情頁
javascript - 前端怎樣實現(xiàn)圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術
瀏覽：215日期：2022-06-24 11:47:26
問題描述
前端怎樣實現(xiàn)圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術
問題解答
回答1：這個問題分前后端兩塊。
Web前端這塊，可以用JCrop來做圖片裁剪，實際上并不是真正的裁剪，而是在圖片上選擇一個區(qū)域，真正的裁剪是后端來做。JCrop DEMO：http://deepliquid.com/project...
后端這塊，不同的語言都有圖片裁剪的api，可以查看相關文檔。另外還可以使用一些云存儲的裁剪功能，阿里云、七牛這些都有圖片裁剪功能，例如七牛：https://developer.qiniu.com/d...
回答2：你可以通過canvas的drawImage來實現(xiàn)相關操作
回答3：推薦這個庫：PhotoClip
Demo地址：http://htmlpreview.github.io/...具體效果如下圖：
相關文章：
1. 如何解決docker宿主機無法訪問容器中的服務？2. 請問關于 Java static 變量的問題?3. 跨類調用后，找不到方法4. 頁面用CSS3的scale屬性進行了縮放，圖片模糊解決不了，那么字體能否讓它們不模糊呢？5. javascript - 微信IOS頁面中input type=number輸入數(shù)字無法顯示，安卓顯示正常6. 淺談vue生命周期共有幾個階段？分別是什么？7. javascript - 動態(tài)添加路由報錯8. ios - Crash Log 里關于微信SDK的問題9. javascript - hash為什么可以做路由跳轉，不會刷新頁面10. $( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 哪位大神來解釋下？
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備