文章詳情頁
javascript - 前端怎樣實(shí)現(xiàn)圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術(shù)
瀏覽：178日期：2022-06-24 11:47:26
問題描述
前端怎樣實(shí)現(xiàn)圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術(shù)
問題解答
回答1：這個(gè)問題分前后端兩塊。
Web前端這塊，可以用JCrop來做圖片裁剪，實(shí)際上并不是真正的裁剪，而是在圖片上選擇一個(gè)區(qū)域，真正的裁剪是后端來做。JCrop DEMO：http://deepliquid.com/project...
后端這塊，不同的語言都有圖片裁剪的api，可以查看相關(guān)文檔。另外還可以使用一些云存儲(chǔ)的裁剪功能，阿里云、七牛這些都有圖片裁剪功能，例如七牛：https://developer.qiniu.com/d...
回答2：你可以通過canvas的drawImage來實(shí)現(xiàn)相關(guān)操作
回答3：推薦這個(gè)庫：PhotoClip
Demo地址：http://htmlpreview.github.io/...具體效果如下圖：
相關(guān)文章：
1. mysql - sql 左連接結(jié)果union右連接結(jié)果，導(dǎo)致重復(fù)性計(jì)算怎么解決？2. 網(wǎng)頁爬蟲 - python 爬取網(wǎng)站 并解析非json內(nèi)容3. mysql 遠(yuǎn)程連接出錯(cuò)10060，我已經(jīng)設(shè)置了任意主機(jī)了。。。4. 默認(rèn)輸出類型為json，如何輸出html5. 數(shù)組排序，并把排序后的值存入到新數(shù)組中6. php多任務(wù)倒計(jì)時(shí)求助7. mysql怎么表示兩個(gè)字段的差8. javascript - 滾動(dòng)到指定高度 開始輪流放動(dòng)畫，QQPC官網(wǎng)就是這么做的，請(qǐng)問使用什么開源庫方便點(diǎn)？9. PHP訂單派單系統(tǒng)10. MySQL的聯(lián)合查詢[union]有什么實(shí)際的用處
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備