首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

怎么达到点击浏览选择图片后,立马显示预览图片

2012-04-23 
如何达到点击浏览选择图片后,立马显示预览图片?string bookName TextBox2.Text.Trim()string bookLeibi

如何达到点击浏览选择图片后,立马显示预览图片?
string bookName = TextBox2.Text.Trim();
  string bookLeibie = TextBox3.Text.Trim();
  string picture = FileUpload1.FileName;
  string lastName = picture.Substring(picture.LastIndexOf(".") + 1);
  string[] name={"bmp","jpg","gif"};
  SqlConnection SqlCon = new SqlConnection(ConfigurationManager.ConnectionStrings["ConStr"].ConnectionString);
  SqlCon.Open();
  string SavaPath = Server.MapPath("image/")+picture;
  FileUpload1.PostedFile.SaveAs(SavaPath);
  string sqlStr = "Insert into T_Book_Picture(ID,图书类别,图书名,图片) values(newid(),'" + bookLeibie + "','" + bookName + "','"+ picture + "')";
  SqlCommand SqlCom = new SqlCommand(sqlStr, SqlCon);
  SqlCom.ExecuteNonQuery();
  SqlCon.Close();
  Image1.Visible = true;
  Image1.ImageUrl = SavaPath;


我是先把图片设为不可见,想点击浏览后,立即可以显示图片。

[解决办法]
你要兼容行么?

JScript code
<html>     <head>         <title>get file input full path</title>     <script language='javascript'>         function getFullPath(obj)         {             if(obj)             {                 //ie                 if (window.navigator.userAgent.indexOf("MSIE")>=1)                 {                     obj.select();                     return document.selection.createRange().text;                 }                 //firefox                 else if(window.navigator.userAgent.indexOf("Firefox")>=1)                 {                     if(obj.files)                     {                         return obj.files.item(0).getAsDataURL();                     }                     return obj.value;                 }                 return obj.value;             }         }     </script>     </head>     <body>         <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />     <img id="img" height="174" width="234"/>     </body> </html> 

热点排行