zoukankan      html  css  js  c++  java
  • 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;
    }
  • 相关阅读:
    【题解】 P1373 小a和uim之大逃离
    题解 CF576C 【Points on Plane】
    题解 P4799 【[CEOI2015 Day2]世界冰球锦标赛】
    【题解】[JSOI2008]最大数
    题解 P3389 【【模板】高斯消元法】
    【模板】矩阵加速
    【模板】树状数组上的差分数组
    tarjan求强连通分量(模板)
    我好菜系列——map查找
    trie树的应用;
  • 原文地址:https://www.cnblogs.com/pureEve/p/5973828.html
Copyright © 2011-2022 走看看