js 获取图片尺寸

img有onload属性，在加载完成时执行，这时候实际高度宽度可读取，从而实现自动获取宽高。

<img id="img" src="1jpg" onload="fn()"/>

<script>

var fn=function(){

    //你的代码

}

</script>

获得文件大小大概有两种解决方法：

(一)使用documentgetElementById或者documentcreateElement的或者var img=new Image();

然后在onreadystatechange事件里检查大小

但这种代码通用性不强浏览器兼容存在问题一直无法解决

(二)使用FSO控件，但这样存在安全问题

<div id="photoyn"><input id="file1" type="file" onchange="ShowSize(thisvalue)" />

<script type="text/javascript">

function ShowSize(files){

var fso,f;

fso=new ActiveXObject("ScriptingFileSystemObject");

f=fsoGetFile(files);

var mySize = fsize/1024;

alert(mySize+" K ");

var myName = fName;

var myPath = fPath;

var myDrive = fDrive;

var myType = ftype;

var myAttributes = fAttributes;

var myDateCreated = fDateCreated;

}

</script>

所以说要在客户端检测文件大小没有实现方法。

最终解决方案还是在服务器端检测，在上传的过程中，在服务器的内存中进行判断并返回信息给客户端。

用ajax请求，然后从response header中读取：

var xhr = new XML>

以上就是关于js 获取图片尺寸全部的内容，包括:js 获取图片尺寸、求JS获取图片大小和尺寸的代码、js 怎么获取图片的大小，不是宽高，是大小（多少k那种）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！