ASP.net 中fileupload和image 控件合用,怎么让image控件显示要上传的图片,进行图片的预览问题!请高手帮帮忙,谢谢!附加代码!

解决方案 »

  1.   

    <script language="javascript" type="text/javascript">  
      function PreviewImg(imgFile)  
      {   
      var newPreview = document.getElementById("newPreview");  
      newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;  
      newPreview.style.width = "80px";  
      newPreview.style.height = "60px";  
      }  
      </script>  
    <asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)" />  
    <div id="newPreview"> </div>  
    function $(o){return document.getElementById(o);}  
    function CheckImg(o,img)  
    {  
      if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))  
      {  
      alert('只能上传jpg,bmp,gif,png格式图片!');  
      o.outerHTML = o.outerHTML;  
      }  
      else  
      {  
      $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;  
      }  
    }  <asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckImg(this, 'img');" />  
    <div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div>  
    public string pic=""; 
      

  2.   

    怎么运行的时候image控件就没出来呢,还是我搞错了
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <script language="javascript" type="text/javascript">   
      function PreviewImg(imgFile)   
      {   
      var newPreview = document.getElementById("newPreview");   
      newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;   
      newPreview.style.width = "80px";   
      newPreview.style.height = "60px";   
      }   
      </script>   </head>
    <body>
        <form id="form1" runat="server">
        <div>
       <asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckImg(this, 'img');" />   
    <div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div>   
        </div>
        </form>
    </body>
    </html>