随笔 - 147  文章 - 71  trackbacks - 0
<2009年7月>
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678

常用链接

留言簿(1)

随笔分类(146)

随笔档案(147)

文章分类(28)

文章档案(28)

喜欢的Blog

搜索

  •  

最新评论

阅读排行榜

评论排行榜

<script type="text/javascript">
// 预览图片
function showimg() {
    document.form1.myimg.src 
= document.form1.filename.value;
}


// 清空input type=file的value值
function refreshUploader(who) {
    
var who2 = who.cloneNode(false);
    who2.onchange 
= who.onchange;// events are not cloned
    who.parentNode.replaceChild(who2, who);
}


// 把file文件上传域清空
function reset_file(){
    document.form1.filename.select();
    document.selection.clear();
    refreshUploader(document.form1.filename);
    setTimeout('showimg()', 
500);
}


// 读取上传文件的后缀名
function Check_FileType() {
    
var str = document.form1.filename.value;
    
var pos = str.lastIndexOf(".");
    
var lastname = str.substring(pos, str.length) // 此处文件后缀名也可用数组方式获得str.split(".")
    if (lastname.toLowerCase() != ".jpg"{
        alert(
"您上传的文件类型为" + lastname + ",图片必须为.jpg类型");
        reset_file();
        
return false;
    }
 else {
        
//判断图片尺寸
        var img=null;
        img
=document.createElement("img");
        document.body.insertAdjacentElement(
"beforeend",img);
        img.style.visibility
="hidden"
        img.src
=str;
        
var imgwidth=img.offsetWidth;
        
var imgheight=img.offsetHeight;
        
if(imgwidth>600 || imgheight>800){
            alert(
"图片不符合规格!");
            reset_file();
            
return false;
        }

        
if(imgwidth>600 || imgheight>800){
            alert(
"图片不符合规格!");
            reset_file();
            
return false;
        }

        setTimeout('showimg()', 
500);
        
return true;
    }

}

</script>

<form method="post" action="" name="form1">
<input name="filename" type="file"onchange="return Check_FileType()">
<img name="myimg" src="" border="0">
</form>
posted on 2009-07-26 20:05 飞翔天使 阅读(235) 评论(0)  编辑  收藏 所属分类: javascript

只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问