前端js實現上傳圖片大於2M時壓縮,預覽

最近有個需求,用戶在上傳圖片預覽時,須要顯示大小爲2M一下,大於2M的須要壓縮後上傳,小於2M的原圖顯示 一.先說下限制圖片大小的好處 直接上傳特別佔用帶寬，上傳速度慢,對程序考驗以及影響用戶的體驗 圖片資源直接上傳,佔用的服務器空間過大,容易形成空間浪費  二.實現思路 只要是借用canvas和FileReader函數,如下是代碼,其中添加了需求,大於2M的圖片才進行壓縮,小於的原圖顯示java

>>阅读原文<<