iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 19
1
自我挑戰組

30天資料整理系列 第 19

DAY19-使用JS限制圖片大小

  • 分享至 

  • xImage
  •  

限制圖片小於2KB

function showImg(thisimg) {
	var showimg = document.getElementById("showimg");
    
    showimg.src="";                 //每一次顯示圖片時將上一次的圖片清空
	var file = thisimg.files[0];   //調用FileList第一個 File 型別物件
	var size = 1024; //1kb
if(file.size>(size*2)){
     alert("檔案太大 請小於2KB");   
  
   }
else{
		var fr = new FileReader();  //建立新的 FileReader 物件
		fr.onloadend = function(even) {
		showimg.src = even.target.result; //透過其回傳參數 event.target.result 取得讀取的內容
	};
	
    fr.readAsDataURL(file); // 調用readAsDataURL() 方法 將file 物件為參數傳入

}
}

https://ithelp.ithome.com.tw/upload/images/20200924/20129570orzl2PA0eo.png


上一篇
DAY18-使用JS限制圖片格式
下一篇
DAY20-使用JS限制圖片尺寸
系列文
30天資料整理30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言