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;
            }
        }
     }
  • 相关阅读:
    Linux基础ls命令
    Linux基础tree命令
    Java银行调度系统
    Java交通灯系统
    Java反射
    Java基础IO流
    Java多线程
    Java集合框架
    Springmvc的一些属性功能
    JS
  • 原文地址:https://www.cnblogs.com/xie-xiao-chao/p/7991979.html
Copyright © 2011-2022 走看看