有一个图片控件用来显示预览图片（Img id="imgview"" src=""），一上传图片控件(Input type=file id="upFile" runat="server"),一个预览按钮(input type=button id="btnPreImg")，一个保存按钮（asp:Button id="btnSave"）,如何实现通过通过预览按钮打开上传文件控件选择对话框，然后选择图片，在通过保存按钮把图片上传到服务器,希望高手们指点，小弟非常感谢!
    我尝试写了只是能够预览，无法上传到服务器图片文件夹下,代码如下，
上传控件：<input id="upFile" style="width: 10px; height: 20px; display:none;" type="file" runat="server"  />
预览按钮
<input id="btnPreImg" type="button" value="上传照片" onclick="getPreImage()" CssClass="tbButton" style="width: 65px; height: 25px" />
<form id="form1" runat="server" method ="post" action ="" enctype="multipart/form-data">
 <form>
1、预览图片：
 function getPreImage()
    {
         document.getElementById("upFile").click();
         var fileName=document.all.upFile.value;
         document.getElementById("imgview").src=fileName;
    }
2、保存图片到服务器（btnSave按钮实现）
      protected void btnSave_Click(object sender, EventArgs e)
        {
            string filePath = this.upFile.PostedFile.FileName;
            string fileName = filePath.Substring(filePath.LastIndexOf("\\") + 1);
            string fileEx = filePath.Substring(filePath.LastIndexOf(".") + 1);
            string serverpath = Server.MapPath("UpFile/") + fileName;            
            if (fileEx == "jpg" || fileEx == "bmp" || fileEx == "gif")
            {
               this.upFile.PostedFile.SaveAs(Server.MapPath("~/upImages/") + fileName);
                Response.Write("<script language=\'javascript\'>alert('上传成功')</script>");
             }
            else
            {
                Response.Write("<script languge='javascript'>alert('你的图片格式错误!');</script>");
            }
        }


[ 本帖最后由 斌心一片 于 2010-4-12 16:37 编辑 ]

请各位朋友帮帮忙啊！