當前位置:首頁 » 文件管理 » js裁剪上傳

js裁剪上傳

發布時間: 2025-07-08 04:27:51

Ⅰ 如何在圖片上傳前用js(jquery)判斷圖片的尺寸

創建img標簽:
IE瀏覽器直接src=圖片本地路徑,然後可以獲取這個img的尺寸。

其他瀏覽器使用HTML5的FileReader獲取文件資源轉化為base64寫入img的src,然後可以獲取這個img尺寸。

Ⅱ Html5移動端上傳圖片並裁剪 - Clipic.js

Clipic.js插件可以為移動端 (僅支持移動端) 提供頭像上傳並裁剪成指定尺寸,用原生js開發的,輕量級,包含html跟css,不到8kb。點此鏈接體驗: https://teojs.github.io/clipic/

https://github.com/teojs/clipic

參數說明

width:Number (默認:500) – 裁剪寬度
height:Number (默認:500) – 裁剪高度
ratio:Number (可選) – 裁剪的比例,當傳入ratio時width/height將無效
src:String (必傳) – 需要裁剪的圖片,可以是圖片鏈接,或者 base64
type:String (默認:jpeg) – 裁剪後圖片的類型,僅支持 jpeg/png 兩種
quality:Number (默認:0.9) – 壓縮質量
buttonText:Array (默認:[『取消』, 『重置』, 『完成』]) – 底部三個按鈕文本

http://bbs.itying.com/topic/5cb17892c6a71b10bcef96b0

熱點內容
伺服器一般要求配置動態ip地址 發布:2025-07-10 17:46:17 瀏覽:442
主機什麼配置可以玩原神 發布:2025-07-10 17:45:23 瀏覽:743
java學習平台 發布:2025-07-10 17:35:51 瀏覽:799
伺服器的出生點如何造好看 發布:2025-07-10 17:30:50 瀏覽:541
xp系統移動硬碟加密 發布:2025-07-10 17:27:20 瀏覽:886
付費加群源碼 發布:2025-07-10 17:27:13 瀏覽:213
php工程師考試 發布:2025-07-10 17:25:24 瀏覽:432
大華5032錄像機怎麼配置硬碟 發布:2025-07-10 17:19:20 瀏覽:115
c語言條形碼 發布:2025-07-10 17:18:32 瀏覽:896
移動垃圾壓縮設備 發布:2025-07-10 17:17:45 瀏覽:547