您好,欢迎访问一九零五行业门户网

图片上传判断及预览脚本的效果实例_javascript技巧

复制代码 代码如下:
style=position:relative;left:-130px;cursor:pointer;/>
var $$ = function(id) {
    return string == typeof id ? document.getelementbyid(id) : id;
};
/*
图片验证
*/
//验证上传图片格式
function checkupload(ele) {
    var obj = $$(fileuploadimg);
    var filecontenttype = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:)   
    if (filecontenttype == 'gif' || filecontenttype == 'jpeg' || filecontenttype == 'png' || filecontenttype == 'jpg') {
        //验证上传图片大小
        return checkfilesize(ele);
    } else {
        alert('上传文件格式不正确!');
        return false;
    }
    return false;
}
//验证上传图片大小
function checkfilesize(ele) {
    var maxsize = 100 * 1024;
    //ie
    if (window.navigator.useragent.indexof(msie) >= 1) {
        var fso;
        try {
            fso = new activexobject('scripting.filesystemobject');
            var file = fso.getfile(ele.value);
            //alert(file.size);
            return file.size         } catch (e) {
            alert(浏览器设置禁用activexobject控件,请启用);
            return false;
        }
    }
    //firefox
    else if (window.navigator.useragent.indexof(firefox) >= 1) {
        //alert(ele.files[0].filesize);
        return ele.files[0].filesize     }
    return false;
}
//加载预览图片
function previewimage(ele) {
    if (ele && checkupload(ele)) {
        var imgdiv = $$(imgbox);
        imgdiv.innerhtml = ;
        imgdiv.style.width = 100px;
        imgdiv.style.height = 125px;
        //ie
        if (window.navigator.useragent.indexof(msie) >= 1) {
            imgdiv.style.filter = progid:dximagetransform.microsoft.alphaimageloader(sizingmethod = scale);
            imgdiv.filters(dximagetransform.microsoft.alphaimageloader).src = ele.value;
        }
        //firefox
        else if (window.navigator.useragent.indexof(firefox) >= 1) {
            imgdiv.innerhtml = ;
        } else {
            imgdiv.innerhtml = ie/火狐浏览器才支持图片预览;
        }
    } else {
        $$(fileuploadimg).value = ;
        $$(imgbox).innerhtml = ;
        //alert('重置上传控件');
    }
}
其它类似信息

推荐信息