预览图片

大家好，在ASP.NET中，上传图片时先预览一下，该怎么做

解决方案 »

  1.   

    不好做，其实用户在点浏览的时候在windows的对话框里面不就可以预览了吗？
      

  2.   

    用javascript实现或者image控件实现，
      

  3.   

    加入JavaScript代码：
    function SeePic(hh,ff) {
      if ( ff.value != "" ){ hh.src=ff.value }
      else{
      alert("请选取您要上传的图片文件！\n要求是 JPG 或 GIF 两种格式的图片文件。");
      return(false);
    }
    -----------------------------
    在页面中放一个默认的图片：
    <img name="picview" src="images/ppp.jpg" width="75" height="65" border=0 >--------------------------
    按钮事件：<input type="button" name="b1" value="预览图片" onClick="SeePic(this.form.picview,this.form.vFileName)">------其中vFileName为图片路径输入框Name
      

  4.   

    <INPUT type="file" size="28" NAME="File" onpropertychange="document.all.imgID.src='file:///'+this.value"><br>
    <img id="imgID">
      

  5.   

    test.aspx文件:<html>
    <head>
    </head>
    <script language=javascript>
    function showImage()
    {
    document.all.Image1.src=document.all.uploadImage.value;
    document.all.Image1.style.display="block";
    }
    </script>
    </head>
    <body>
    <form id=Form1 method=post runat="server">
    <asp:image id=Image1 runat="server" Width="169" Height="118"></asp:image>
    <INPUT id=uploadImage type=file size=40 name=uploadImage runat="server">
    </form>
    <script language=javascript>
    //初始化Image1，可以用一副默认图片；也可以根据条件判断是否显示
    if (document.all.txtCarName.value=="")//这是我做的项目中的条件，你可以改为自己的条件
    document.all.Image1.style.display="none";</script>
    </body>
    </HTML>test.aspx.cs文件:
    private void Page_Load(object sender, System.EventArgs e)
    {
    uploadImage.Attributes.Add("onchange","javascript:showImage()");
    }实际上是通过
    <INPUT id=uploadImage type=file size=40 name=uploadImage runat="server">
    的onchange事件获得它选择的图片地址给image显示出来，
    我把主要代码贴出来了，上传代码你自己写吧。