文章詳情頁
javascript - 前端怎樣實現(xiàn)圖片剪切一部分上傳呢?像微信或者QQ上傳那樣呢?用的啥技術
瀏覽:296日期: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 hub上有些鏡像的tag被標記““This image has vulnerabilities””2. boot2docker無法啟動3. docker-compose中volumes的問題4. nignx - docker內nginx 80端口被占用5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. java - SSH框架中寫分頁時service層中不能注入分頁類7. dockerfile - 為什么docker容器啟動不了?8. 關于docker下的nginx壓力測試9. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值10. docker容器呢SSH為什么連不通呢?
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備