| 标题 | javascript判断图片大小 |
| 内容 | 在没有上传的情况下,通过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> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。