• type="file" 选择图片后预览


    function setImagePreview(avalue) {
        var docObj = document.getElementById("doc");
        
        var imgObjPreview = document.getElementById("preview");
        if(docObj.files &&docObj.files[0]){
        /*//火狐下,直接设img属性
        imgObjPreview.style.display = 'block';
        imgObjPreview.style.width = '150px';
        imgObjPreview.style.height = '180px'; 
        //imgObjPreview.src = docObj.files[0].getAsDataURL();
        
        //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
        imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);*/
        
            $("#localImag").html('<img id="preview" src='+window.URL.createObjectURL(docObj.files[0])+' style="display: block;  192px; height: 144px;" />');
        }
        else
        {
        //IE下,使用滤镜
        docObj.select();
        docObj.blur();
        var imgSrc = document.selection.createRange().text;
        var localImagId = document.getElementById("localImag");
        //必须设置初始大小
        localImagId.style.width = "192px";
        localImagId.style.height = "144px";
        //图片异常的捕捉,防止用户修改后缀来伪造图片
        try{
        localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
        localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
        }
        catch(e)
        {
        alert("您上传的图片格式不正确,请重新选择!");
        return false;
        }
        imgObjPreview.style.display = 'none';
        document.selection.empty();
        }
        return true;
    }
  • 相关阅读:
    sql server 2008 express 使用ip登陆 error:40 错误:2
    C#将Enum枚举映射到文本字符串
    Qt 自定义事件
    constexpr-C++11
    C++11 Lambda表达式(匿名函数)
    Qt5-调试器安装
    Qt5之坐标系统
    八大排序算法总结
    Qt之类反射机制
    Qt5之反射机制(内省)
  • 原文地址:https://www.cnblogs.com/pureEve/p/5973828.html
Copyright © 2020-2023  润新知