zoukankan      html  css  js  c++  java
  • 图片上传预览功能

     function PreviewImage(imgFile,key,key1,key2)
     {
        var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
        filextension=filextension.toLowerCase();
        if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp'))
        {
            alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
            imgFile.focus();
        }
        else
        {
            var path;
            if(document.all)//IE
            {
                imgFile.select();
                path = document.selection.createRange().text;
    
                var key_all=key+'_'+key1+'_'+key2;
                document.getElementById("imgPreview"+key_all).innerHTML="";
                document.getElementById("imgPreview"+key_all).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="" + path + "")";//使用滤镜效果      
            }
            else//FF
            {   
                //alert(key);return false;
                var key_all=key+'_'+key1+'_'+key2;
                //alert(key);return false;
                path=window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上
                //path = imgFile.files[0].getAsDataURL();// FF 3.0
                //alert("imgPreview_"+key_all);return false;
                document.getElementById("imgPreview_"+key_all).innerHTML = "<img width='120px' height='100px' src='"+path+"'/>";
                //document.getElementById("img1").src = path;
            }
        }
     }
  • 相关阅读:
    Win10 ntoskrnl.exe蓝屏解决
    Log POST Data in Nginx
    MACOS关闭指定端口
    获取Skype用户IP地址
    禁止windows10带来的三大隐患问题
    各种语言一句话反弹shell
    2015阿里巴巴安全峰会PPT
    HTTPS反向代理嗅探
    利用arpspoof和urlsnarf 进行ARP嗅探
    收集的几个存在漏洞的程序
  • 原文地址:https://www.cnblogs.com/xie-xiao-chao/p/7991979.html
Copyright © 2011-2022 走看看