如果用JS 判断上传图片大小，及尺寸，及类型。

GeorgeGG 楼主

如果用JS 判断上传图片大小，及尺寸，及类型。

yexj00

必须先实例化这个图片哦,比如加个层放置,给层中<img 取名name=xx,然后就可以用:
xx.fileSize取得文件大小(Bytes), xx.width(长度), xx.height(高度)
如果图片太大,会导致数据不准确,可以用iframe加载图片,待document.frames.iframeName.document.body.readyState=='complete'之后再
alert()即可

GeorgeGG 楼主

怎么样用iframe加载这个图片呢？有代码让我看看吗？

yexj00

<script language="javascript"> <!-- //检查插入是否为图片 var img=null; function chkimg(inp) { if(img)img.removeNode(true); img=document.createElement("img"); img.attachEvent("onreadystatechange",isimg); img.attachEvent("onerror",notimg); img.src=inp; } function notimg() { alert("您插入的不是图片，请重新选择插入"); } function isimg() { show.insertAdjacentElement("BeforeEnd",img); alert("图片大小" + Math.round(img.fileSize/1024) +"KB\r图片宽度"+ img.offsetWidth +"\r图片高度"+ img.offsetHeight); } // --> </script> <input type="file" name="" onpropertychange="chkimg(this.value)"/> <div id="show"></div> <div id="show1"></div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行