html5手機裁剪圖片上傳
① 如何在圖片上傳前用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
③ html5或者JS怎樣調用手機攝像頭或者相冊
你給的網頁用的是 <input accept="image/*" type="file">,在IOS端點擊時會提示選擇圖片或相機,安卓端要看瀏覽器對這兩個屬性的優化,部分瀏覽器會直接跳轉到資源管理器,優化做得好的可以直接提示選擇相冊或相機。
④ 微信上的html5頁面是怎麼製作出來的
你好,微信上的HTML頁面一般是用工具做出來的,很少有開發的H5案列,最常見是翻頁H5,自由度比較低,只能修改圖片換換位子,而專業工具自由度比較高,可以很靈活的設計H5,epub360在專業工具中上手難度適中,值得大家嘗試下。