• js :实现图片上传前,预览客户端图片(兼容IE6和IE7)


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        
    <title>无标题页</title>
           
    <script type="text/javascript" src="../js/jquery.js" charset="gb2312"></script>
     
    <script type="text/javascript">
    function preview()   
    {   
        
    var picId = $("#picId").val();   
        alert(picId);
        
    var fileext=picId.substring(picId.lastIndexOf("."),picId.length);   
        fileext
    =fileext.toLowerCase();   
        $(
    "#fileext").val(fileext);   
        
    if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.bmp'))   
        {   
            alert(
    "对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");   
            $(
    "#picId").focus();   
        }   
        
    else  
        {   
            $(
    "#newPreview").html('');   
            
    var newPreview =$("#newPreview")[0];     
            
    var imgDiv = document.createElement("div");    
            document.body.appendChild(imgDiv);   
            imgDiv.style.width 
    = "180px";    imgDiv.style.height = "140px";   
            imgDiv.style.filter
    ="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";      
            imgDiv.filters.item(
    "DXImageTransform.Microsoft.AlphaImageLoader").src = picId;   
            newPreview.appendChild(imgDiv);   
        }   

    </script>
    </head>
    <body>
    <input name="uploadFile" type="file" class="input_width" id="picId" maxlength="50" onchange="preview()"/>  
    (推荐上传图片像素大小为180*140)   
    <div id="newPreview"></div>  
    </body>
    </html>
  • 相关阅读:
    shell数组
    正则表达式整数
    云计算的三种服务模式(IaaS/PaaS/SaaS)
    云计算通信协议
    LVS 核心组件和专业术语
    nginx
    【转】mybatis调用mssql有输入输出参数那种..
    OAuth2.0 在 SSO中的应用~
    Git 本地安装
    【转】Android开发之ListView+EditText-要命的焦点和软键盘问题解决办法
  • 原文地址:https://www.cnblogs.com/Fooo/p/1580375.html
Copyright © 2020-2023  润新知