javascript - jq  怎么获取预览图片的高度和宽度呢?
怪我咯
怪我咯 2017-04-10 17:23:57
[JavaScript讨论组]

function setImagePreview(avalue,preview) {

var docObj=document.getElementById(avalue);
var imgObjPreview=document.getElementById(preview);
if(docObj.files &&docObj.files[0])
{
    //火狐下,直接设img属性
        imgObjPreview.style.display = 'block';
        $('#'+preview).parent().show();
    //imgObjPreview.src = docObj.files[0].getAsDataURL();
    //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
        imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
        // var w=$('#'+preview).find("img").width();
        // var w=$('#'+preview).find("img");
        // image = new Image();
        // image.height()=h;
        // // s= w.fileSize;
       // console.log(w);
       // alert(w)
        $('#'+avalue).parent().hide();
        $('#'+preview).parent().show();
        
}else{
    //IE下,使用滤镜
    docObj.select();
    var imgSrc = document.selection.createRange().text;
    var localImagId = document.getElementById(preview);
    //必须设置初始大小
    localImagId.style.width = "281px";
    localImagId.style.height = "210px";
    //图片异常的捕捉,防止用户修改后缀来伪造图片
    try{
        localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
        localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
        $('#'+avalue).parent().hide();
        $('#'+preview).parent().show();
    }catch(e){
        alert("您上传的图片格式不正确,请重新选择!");
        return false;
    }
    imgObjPreview.style.display = 'none';
    document.selection.empty();
    }
    return true;
}
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(1)
高洛峰

图片是外部资源,获取它的宽高应该在window.onload = function(){}里面写获取宽高..

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号