这样检查上传的图片的大小和宽度,高度----在线等

Question

asp无组件图片查看高度宽度类

Answer 1

<input type="file" id="f" onpropertychange="fn()">
<script>
var img=new Image();
img.src=f.src;
alert('w:' +img.with+ ' h:' +img.height+ ' filesize:' +img.filesize)
</script>

Answer 2

<input type="file" id="f" onpropertychange="fn()">
<script>
function fn() {
var img=new Image();
img.src=f.src;
alert('w:' +img.with+ ' h:' +img.height+ ' filesize:' +img.filesize)
}
</script>

Answer 3

<input type="file" id="f" onpropertychange="im.src=this.value">
<img src="" onload="fn()" id="im" style="position:absolute;left:-1000;top:-1000;"/>
<script>
function fn() {
var img = im;
alert('w:' +img.width+ ' h:' +img.height+ ' filesize:' +img.fileSize)
}
</script>

Answer 4

大小是取得了 可是我的是在框架中做的 选择后虽然弹出来了 大小 但页面转向了
而且哪个IMG 也无法屏蔽  随便怎么该他的位置属性都不行  还有别的办法吗

Answer 5

//加载图片文件
function loadPicfile(){
var fobj = getObjectById("file");   if(img)img.removeNode(true);
img=document.createElement("img");
img.src=fobj.value;
var showimg_width = img.width;
var showimg_height = img.height;
alert('showimg_width:' + showimg_width);
alert('showimg_height:' + showimg_height);
if(showimg_width > 300)
{
var ori_w= showimg_width;
var ori_h = showimg_height;
showimg_width = 300;
showimg_height = ori_h * showimg_width / ori_w;
} if(showimg_width < 50 && showimg_height <50)
{
showimg_width = showimg_height = 150;
}

var htmlStr="";
var divobj=getObjectById("phydiv"); 
htmlStr="<img id='physhow' src='" + fobj.value + "' width='" + showimg_width + "' height='" + showimg_height + "'>";
alert('htmlStr:' + htmlStr);
divobj.innerHTML = htmlStr;
}我这样写大部分文件大小、高宽都正常，但是少数文件的不正常，奇怪！