首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > js 长宽验证 js 图片上传前大小长宽验证代码 2010-03-25 23:30:25 作者： 今天整理了一段代码，用于图片上传前预览，并获取图片的长、宽、及字节数，可以用于图片上传前的校验。 脚本如下： <html> <head> <script language="javascript" type="text/javascript"> function getimginfo() { var img=new Image(); img.src=document.all.file.value; var sInfo="Width:"+img.width+ "px Height:"+img.height+ "px Size:"+getsizestring(img.fileSize); alert(sInfo); } function getsizestring(len) { var kb=len/1024; if(kb<1024) return kb.toFixed(2)+"K"; else { var m=kb/1024; return m.toFixed(2)+"M"; } } </script> </head> <body> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <img width="60" height="60" id="picdemo"> </td> <td> <input type="file" id="file" onchange="document.all.picdemo.src=this.value" class="allinput"> <input type="submit" name="Submit" value="上传" onClick="getimginfo();"> </td> </tr> </table> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:多个上传文件用js验证文件的格式和大小的方法(推荐)真正好用的js验证上传文件大小的简单方法javascript验证上传文件的类型限制必须为某些格式Node.js开发教程之基于OnceIO框架实现文件上传和验证功能js验证上传图片的方法Javascript验证上传图片大小[前台处理]上传的js验证(图片/文件的扩展名)javascript 客户端验证上传图片的大小（兼容IE和火狐）Javascript 验证上传图片大小[客户端]JS简单验证上传文件类型的方法
