ASP：fileupload控件與image控件同步顯示圖片問題

問題1：一個fileupload控件，一個image控件，怎麼實現從fileupload中選擇圖片后及時在image中顯示出來！
求幫助！求代碼！求思路！
最好代碼啦……（這問題急求）— —問題2：弄好上面之後，怎麼實現雙擊image后將圖片放大顯示。能解決一個問題算一個，急啊……

解决方案 »

  1.   

      protected void Button_Click(object sender, EventArgs e)
        {
            string strConn = "Data Source=.;DataBase=UserInfo;Uid=sa;Pwd=123";
            if (FileUpload1.HasFile == false)//HasFile用来检查FileUpload是否有指定文件
            {
                Response.Write("<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>");
                Response.Write("<script>alert('请选择图片')</script> ");
                return;//当无文件时,返回
            }
            string IsXls = System.IO.Path.GetExtension(FileUpload1.FileName).ToString().ToLower();//System.IO.Path.GetExtension获得文件的扩展名
            if (IsXls != ".jpg")
            {
                Response.Write("<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>");
                Response.Write("<script>alert('只可jpg格式图片')</script>");
                return;//当选择的不是jpg文件时,返回
            }
            SqlConnection cn = new SqlConnection(strConn);
            cn.Open();
            string filename = FileUpload1.FileName;              //获取Execle文件名  DateTime日期函数
            string savePath = Server.MapPath(("~\\服务器端项目文件夹\\") + filename);//Server.MapPath 获得虚拟服务器相对路径
            FileUpload1.SaveAs(savePath);
            Response.Write("<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>");
            Response.Write("<Script>alert('上传成功！')</Script>");
            string sql = "插入数据库sql语句";
            SqlCommand com = new SqlCommand(sql, cn);
            SqlDataAdapter sda = new SqlDataAdapter();
            sda.SelectCommand = com;
            DataSet ds = new DataSet();
            sda.Fill(ds);
            cn.Close();
        }如果你要马上看到重新跳转这个页面就会马上显示出来的
      

  2.   

    問題1：我要的是當選定圖片后，同時在image中顯示，不要刷新，不用Button_Click
      

  3.   

        <input id="f" type="file" onchange="a()" />
        <img id="i" alt="" src="" />
        <script type="text/javascript">
            function a() {
                document.getElementById('i').src = document.getElementById('f').value
            }
            
        </script>
      

  4.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <input id="f" type="file" onchange="a()" />
        <img id="i" alt="" src="1" ondblclick="b()" />
        <script type="text/javascript">
            function a() {
                alert(document.getElementById('f').value);
                document.getElementById('i').src = document.getElementById('f').value
            }
            function b() {
                document.getElementById('i').width = document.getElementById('i').width * 2;
                document.getElementById('i').width = document.getElementById('i').height * 2;
            }
            
        </script>
    </body>
    </html>
      

  5.   

    上传jquery 放大镜
      

  6.   

    一般使用 Flash 来实现楼主你的需求，有这样的 Flash 组件可用纯 HTML 的方式兼容性不够（仅 IE6、Chrome 6+ FF 3.6+ 等浏览器支持）