图片上传预览功能

Posted 2020-10-16 xc_flying

 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;
        }
    }
 }