<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"/>

不知道怎样才能要使该段js在ff也能起到作用,期待高手赐教!
posted on 2009-08-30 11:08  〤‵坠落者...  阅读(676)  评论(2编辑  收藏  举报