在没有上传的情况下,通过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="不用上传直接设置图片大小宽度,高度,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获取标准高度
var size = document.getElementById('size').value;//a获取标准大小
var image=new Image(); //s实例化一个图片对象
image.src=document.getElementById('img').src;//p将原来的src付给对象
if(image.width>0 && image.height>0)//.如果宽高都存在则表示已经加载完成
{
if(image.fileSize>size*1024){alert('已经超大!当前图片大小为'+Math.round(image.fileSize/1024)+'K');return;}//c判断大小
if(image.width>kuan){alert('已经超宽!当前图片宽为'+image.width);return;}//n判断宽
if(image.height>gao){alert('已经超高!当前图片高为'+image.height);return;}//判断高
alert('目前合适,宽为'+image.width+'高为'+image.height+'大小为'+Math.round(image.fileSize/1024)+'K');return;//显示实际大小
}
}//www.forasp.cn原创
-->
</script>
</HEAD>
<BODY>
设定默认大小:<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技术专栏
公众号
事业单位
当前位置：
公考类
招聘类
各类考试
