在沒有上傳的情況下,通過javascript判斷上傳的本地圖片的大小,寬度,高度,然后返回是否合適,
查看效果:javascript判斷圖片大小
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>js判斷本地圖片大小</TITLE>
<META NAME="Keywords" CONTENT="javascript,js,判斷圖片大小,js判斷上傳圖片大小,js判斷本地圖片大小">
<META NAME="Description" CONTENT="不用上傳直接設(shè)置圖片大小寬度,高度,js自動判斷其是否合適">
<script language="JavaScript">
<!--
var flag=false;
function DrawImage(str){
var exName = "JPG,GIF,PNG";//w判斷的所有格式
var back_name = str.substring(str.length-3,str.length);//w獲取格式后綴
if(exName.indexOf(back_name.toUpperCase())==-1){alert('不是圖片!');return;}//w判斷是不是所要的格式
var temp_img = document.getElementById('img');//.獲取圖片對象
temp_img.src=str;//f給對象賦值src
var kuan = document.getElementById('kuan').value;//o獲取寬度
var gao = document.getElementById('gao').value;//r獲取標(biāo)準(zhǔn)高度
var size = document.getElementById('size').value;//a獲取標(biāo)準(zhǔn)大小
var image=new Image(); //s實例化一個圖片對象
image.src=document.getElementById('img').src;//p將原來的src付給對象
if(image.width>0 && image.height>0)//.如果寬高都存在則表示已經(jīng)加載完成
{
if(image.fileSize>size*1024){alert('已經(jīng)超大!當(dāng)前圖片大小為'+Math.round(image.fileSize/1024)+'K');return;}//c判斷大小
if(image.width>kuan){alert('已經(jīng)超寬!當(dāng)前圖片寬為'+image.width);return;}//n判斷寬
if(image.height>gao){alert('已經(jīng)超高!當(dāng)前圖片高為'+image.height);return;}//判斷高
alert('目前合適,寬為'+image.width+'高為'+image.height+'大小為'+Math.round(image.fileSize/1024)+'K');return;//顯示實際大小
}
}//www.forasp.cn原創(chuàng)
-->
</script>
</HEAD>
<BODY>
設(shè)定默認(rèn)大小:<br>
大小:<input type="text" name="size" id="size" value="100">K<br>高<input type="text" value="100" name="gao" id="gao">像素<br>寬<input type="text" value="100" name="kuan" id="kuan">像素 <br>
<input type="file" id="filename" onchange="javascript:DrawImage(this.value);">
<img src="" height = 0 width=0 id="img">
</BODY>
</HTML>
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試