Question

求JS获取图片大小和尺寸的代码

如题 要兼容IE 和FF 的获取图片尺寸 我要进行判断, 如果比规定的小 ,则显示图片本身大小.如果大,则显示规定大小

Answer 1

获得文件大小大概有两种解决方法：
(一)使用document.getElementById或者document.createElement的或者var img=new Image();
然后在onreadystatechange事件里检查大小
但这种代码通用性不强浏览器兼容存在问题一直无法解决
(二)使用FSO控件，但这样存在安全问题
<div id="photoyn"><input id="file1" type="file" onchange="ShowSize(this.value)" />
<script type="text/javascript">
function ShowSize(files){
var fso,f;
fso=new ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(files);
var mySize = f.size/1024;
alert(mySize+" K ");
var myName = f.Name;
var myPath = f.Path;
var myDrive = f.Drive;
var myType = f.type;
var myAttributes = f.Attributes;
var myDateCreated = f.DateCreated;

}
</script>

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

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

Answer 2

var flag=false;
function sImage(ImgS){
var image=new Image();
image.src=ImgS.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 173/173){
if(image.width>173){
ImgS.width=173;
ImgS.height=(image.height*173)/image.width;
}else{
ImgS.width=image.width;
ImgS.height=image.height;
}
//ImgS.alt="实际图片大小为"+image.width+"×"+image.height;
}
else{
if(image.height>173){
ImgS.height=173;
ImgS.width=(image.width*173)/image.height;
}else{
ImgS.width=image.width;
ImgS.height=image.height;
}
//ImgS.alt=image.width+"×"+image.height;
}
}
}