图片上传的综合操作

图片上传的综合操作

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