<script language='javascript'>
var $=function(id){
return "string"==typeof(id)?document.getElementById(id):id;
}
//判断浏览器
var Browser=new Object();
Browser.userAgent=window.navigator.userAgent.toLowerCase();
Browser.ie=/msie/.test(Browser.userAgent);
Browser.Moz=/gecko/.test(Browser.userAgent);
var imgsize=1024*100//允许的图片大小100kb
//判断图片是否加载完成
function FileInfor(callBack){
var val=$("file1").value;
if(val==""){
alert("不能为空!");
return false;
}
var img=new Image();
if(Browser.ie){
img.onreadystatechange=function(){
if(img.readyState=="complete"||img.readyState=="loaded"){
callBack(img);
}
}
}
//在ff下不能启作用,所以这程序只适合IE
//else if(Browser.Moz){
// img.onload=function(){
// if(img.complete==true){
// callBack(img);
// }
// }
// Firefox下取得的是图片的数据
$("file1").files.item(0).getAsDataURL();
// Firefox下得到文件的大小
//("file1").files.item(0).fileSize;
// }
img.src=val;
}
//加载完成后,验证图片信息
function CheckImg(obj){
alert("宽:"+obj.width+" 高:"+obj.height+" 大小:"+Math.round(obj.fileSize/1024*100)/100+"kb");
if(obj.fileSize>imgsize){
alert("图片太大了,最多允许:"+imgsize/1024+"kb");
return false;
}
$("img1").src=obj.src;
}
</script>
<input type="file" id="file1"/>
<input type="button" value="upload" onclick="return FileInfor(CheckImg)"/>
<img id="img1"/>