bootstrap fileinput resizeImage 選項設(shè)為true時甚带,可以在客戶端對圖片文件尺寸進行縮小后再上傳。關(guān)聯(lián)的幾個選項:
maxImageWidth: 寬度超過此值時進行縮小
maxImageHeight: 高度超過此值時進行縮小
resizePreference: 可選的值'width', 'height'怜校。. 如設(shè)為'width'间影,首先會檢測圖片是否超過maxImageWidth。如果超過茄茁,圖片就按這個寬度等比縮小魂贬。如果沒超過,那就檢查圖片高度是否超過maxImageHeight裙顽。如高度超過付燥,就按maxImageHeight等比縮小。
但是這個客戶端縮小圖片的功能有Bug愈犹。部分xif圖片信息有問題的圖片不能縮小键科。后來我還是用html 5的FileReader,將本地圖片內(nèi)容讀到canvas中重繪來實現(xiàn)圖片縮小,并取得圖片數(shù)據(jù)勋颖,將之放到form data中上傳嗦嗡。
Bootstrap File Input 選項參考:
http://plugins.krajee.com/file-input/plugin-options
Bootstrap File Input 事件參考:
http://plugins.krajee.com/file-input/plugin-events
Bootstrap File Input 方法參考:
http://plugins.krajee.com/file-input/plugin-methods