ie7不能预览上传图片的解决方法

telankes2000 2008-09-21 11:45:24

测试: 预览本地图片，网络图片都行



var g="0";

function $(id)

	{

		return document.getElementById(id);

	}



function ShowImg(obj,objFile,objMsg)

    {

        if(g=="0")

        {

            var flag=false;

		    var fileName=objFile.value;

		    var Extention=fileName.substring(fileName.lastIndexOf(".")+1).toLowerCase();

		    var AllowExtention = new Array("jpg","bmp","png","jpeg","gif");

	        objMsg.style.cssText="border:solid 1px indianred;background-color:infobackground;position:absolute;z-index:2000;display:block;filter: alpha(opacity=85)";

		    if(fileName=="")

		    {

			    objMsg.innerHTML="<div style='border-bottom:solid 1px #ccc;font-size:9pt;'><span style='color:blue;float:left'>提示信息</span><span style='float:right;font-size:9pt;cursor:pointer;color:blue;' onclick='showMsg.style.display=\"none\"' title='關閉' >關閉</span></div><br/>";

			    objMsg.innerHTML+="<div style='border-top:solid 1px #cccaaa;font-size:9pt;color:red'>請選擇要上傳的文件!</div>";

			    objMsg.style.left=event.clientX+document.body.scrollLeft-20;

                objMsg.style.top=document.body.scrollTop+event.clientY+20;

			    return false;

		    }

		    for(var i=0;i<AllowExtention.length;i++)

		    {

			    if(Extention==AllowExtention[i])

			    {

				    flag=true;

			    }

		    }

		    if(flag==true)

		    {

		          obj.style.cssText="border:solid 1px #fff;background-color:infobackground;position:absolute;z-index:2000;display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)";

                 obj.style.left=event.clientX+document.body.scrollLeft-20;

                 obj.style.top=document.body.scrollTop+event.clientY+20;

                 obj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=objFile.value;

                 objMsg.style.backgroundColor="";

                 objMsg.style.border="";

                 g="1";

                 objMsg.innerHTML="";

                 $("btnPreview").value="關閉";

		    }

		    else

		    {

		        objMsg.innerHTML="<div><span style='color:blue;float:left;font-size:9pt'>提示信息</span><span style='float:right;font-size:9pt;cursor:pointer;color:blue' onclick='showMsg.style.display=\"none\"' title='關閉' >關閉</span></div><br/>";

			    objMsg.innerHTML+="<div style='font-size:9pt;color:red;text-align:left;border-top:solid 1px #ccc;'>文件类型错误,或不可识别的类型，请检查您上传的文件格式是否正確!</div>";

			    objMsg.innerHTML+="<div style='font-size:9pt'>正確的格式為以下幾種:<span style='font-weight:500;color:black;font-style:bold'>jpg,bmp,png,jpeg,gif</span></div>";

			    objMsg.style.left=event.clientX+document.body.scrollLeft-20;

                objMsg.style.top=document.body.scrollTop+event.clientY+20;

		    }

		}

		else if(g=="1")

		{

		    g="0";

		    obj.style.cssText="";

            objMsg.innerHTML="";

            $("btnPreview").value="預覽";

		}

       

    }

HTML





<div id="showImg" ></div>

        <div id="showMsg"></div>

        <asp:FileUpload ID="upfile" runat="server" />

<input type="button" id="btnPreview" value="预览" onclick="ShowImg(showImg,upfile,showMsg)" />

...全文