js上傳檔案(圖片)限制格式及大小為3M · 觀止
如果你想快速解決這個問題,看本文就夠了。查了好多資料,終於解決了,太耗時間了,本文留給給後來者,希望你們工作的更輕鬆
本文儲存為.html檔案用瀏覽器開啟即可測試功能
<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
<p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>
<p><input name="userfile" id="userfile" type="file" onchange="check()"/></p>
</form>
<script language="javascript" type="text/javascript">
function check()
{
var aa=document.getElementById("userfile").value.toLowerCase().split('.');//以“.”分隔上傳檔案字串
// var aa=document.form1.userfile.value.toLowerCase().split('.');//以“.”分隔上傳檔案字串
if(document.form1.userfile.value=="")
{
alert('圖片不能為空!');
return false;
}
else
{
if(aa[aa.length-1]=='gif'||aa[aa.length-1]=='jpg'||aa[aa.length-1]=='bmp'
||aa[aa.length-1]=='png'||aa[aa.length-1]=='jpeg')//判斷圖片格式
{
var imagSize = document.getElementById("userfile").files[0].size;
alert("圖片大小:"+imagSize+"B")
if(imagSize<1024*1024*3)
alert("圖片大小在3M以內,為:"+imagSize/(1024*1024)+"M");
return true;
}
else
{
alert('請選擇格式為*.jpg、*.gif、*.bmp、*.png、*.jpeg 的圖片');//jpg和jpeg格式是一樣的只是系統Windows認jpg,Mac OS認jpeg,
//二者區別自行百度
return false;
}
}
}
</script>