文章詳情頁
javascript - 前端怎樣實(shí)現(xiàn)圖片剪切一部分上傳呢？像微信或者QQ上傳那樣呢？用的啥技術(shù)
瀏覽：159日期：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. 視頻文件不能播放，怎么辦？2. node.js - nodejs開發(fā)中常用的連接mysql的庫3. mysql replace 死鎖4. phpstudy pro小皮面板經(jīng)常報(bào)這個(gè)nginx: [emerg] CreateFile【急】5. 老師您的微信號(hào)是多少？6. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?7. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ，會(huì)帶來哪些效率或者其他方面的好處8. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫插入是亂碼問題?9. 雙擊安裝程序，安裝不了10. mysql - 字符串根據(jù)字典替換
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備