不刷新,点击上传图片,传完图片后,这个页面即刻显示图片?

<input   type="file"   onchange="show.src=this.value"   name="img">  
  <img   id="show"/>

顯示後還要形成縮略圖:
js:
function setImgSize(imgID,maxWidth,maxHeight)
{
    
var img = document.images[imgID];
    
if(maxWidth < 1)
    
{
        
if(img.height > maxHeight)
        
{
            img.height 
= maxHeight;
        }

        
return true;
    }

    
if(maxHeight < 1)
    
{
        
if(img.width > maxWidth)
        
{
            img.width 
= maxWidth;
        }

        
return true;
    }

    
if(img.height > maxHeight || img.width > maxWidth)
    
{
        
if((img.height / maxHeight) > (img.width / maxWidth))
        
{
            img.height 
= maxHeight;
        }

        
else
        
{
            img.width 
= maxWidth;
        }

        
return true;
    }

}


調用:
<script language="javascript" type="text/javascript" src="setImgSize.js"></script>
<img alt="" id="img1" onload="setImgSize('img1',150,0);" src="http://img.poco.cn/photo/20060602/972374149620060602140117_1.jpg" />
posted @ 2006-11-07 14:53  Nina  阅读(1391)  评论(3)    收藏  举报