js裁剪上傳

Ⅰ 如何在圖片上傳前用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